Overview
This prompt aims to create a comprehensive HTML file for a scientific calculator that provides detailed explanations for calculations. Programmers and educators will benefit from this resource by enhancing their coding skills and teaching methodologies.
Prompt Overview
AI Math Tutor
Result:
Explanation:
Quick Specs
- Media: Text
- Use case: Generation
- Industry: Development Tools & DevOps, General Business Operations
- Techniques: Decomposition
- Models: Claude 3.5 Sonnet, Gemini 2.0 Flash, GPT-4o, Llama 3.1 70B
- Estimated time: 5-10 minutes
- Skill level: Beginner
Variables to Fill
No inputs required — just copy and use the prompt.
Example Variables Block
No example values needed for this prompt.
The Prompt
Create a complete HTML file for a scientific calculator named “AI Math Tutor” that enables users to perform scientific calculations and provides step-by-step explanations of the calculations performed. The calculator should support common scientific functions (e.g., trigonometric functions, exponents, logarithms). Each calculation result must include a clear, detailed breakdown of how the answer was obtained.
The layout should be user-friendly and include:
– A header or title area displaying “AI Math Tutor”
– An input area for users to enter expressions
– Buttons for digits, operators, and scientific functions
– A display area for the result and the step-by-step explanation
The step-by-step explanation must be dynamically generated each time a calculation is performed, guiding the user through the solving process as an AI tutor would.
The code must be fully self-contained within a single HTML file, utilizing JavaScript for logic and interactivity, with clear comments to explain the structure and functionality.
# Steps
1. Design the HTML structure with distinct sections for:
– Input
– Buttons
– Result display
– Explanations
2. Implement JavaScript functions to:
– Parse and evaluate mathematical expressions safely
3. Augment the calculation logic to:
– Produce detailed step-by-step explanations for each operation involved
4. Connect the UI buttons to input fields to ensure that:
– User interactions update both the calculation result and the explanation in real-time
5. Style the page for clarity and ease of use using embedded CSS.
# Output Format
Provide the entire content as a single, ready-to-use HTML file, including embedded CSS and JavaScript. The file should run properly when opened in any modern web browser without relying on external resources.
Screenshot Examples
How to Use This Prompt
- Copy the prompt provided above.
- Open a text editor or HTML editor.
- Paste the prompt into the editor.
- Follow the outlined steps to create the HTML file.
- Save the file with a .html extension.
- Open the saved file in a web browser.
Tips for Best Results
- AI Math Tutor
- AI Math Tutor
- 7
- 8
- 9
- /
- 4
- 5
- 6
- *
- 1
- 2
- 3
- –
- 0
- =
- +
- sin
- cos
- tan
- log
- exp
FAQ
- What is the purpose of the AI Math Tutor?
It helps users perform scientific calculations with detailed step-by-step explanations. - What functions does the calculator support?
It supports trigonometric functions, exponents, logarithms, and basic arithmetic operations. - How does the calculator display results?
Results are shown along with a clear breakdown of each calculation step. - What technologies are used in the AI Math Tutor?
The calculator is built using HTML, CSS, and JavaScript for interactivity.
Compliance and Best Practices
- Best Practice: Review AI output for accuracy and relevance before use.
- Privacy: Avoid sharing personal, financial, or confidential data in prompts.
- Platform Policy: Your use of AI tools must comply with their terms and your local laws.
Revision History
- Version 1.0 (February 2026): Initial release.
