Calculator App
Welcome to the Calculator App challenge! In this page, you can navigate between the different tasks of your challenge and submit your solution for evaluation.
Calculator App
Build a fully functional calculator with basic arithmetic operations.
Instructions:
- Create a layout with a display screen and a grid of buttons.
- Add buttons for numbers 0-9, decimal point (.), and arithmetic operators (+, -, *, /).
- Include distinct buttons for 'Clear' (C) and 'Delete' (DEL) functions.
IMPORTANT: You must use the following selectors for evaluation purposes. Failing to use these exact names will cause tests to fail:
- Display element:
#display(must use this ID) - Number buttons:
button[data-value='0']tobutton[data-value='9'](must use data attributes) - Operators:
button[data-value='+'],button[data-value='-'],button[data-value='×'],button[data-value='÷'] - Equals button:
#equals(must use this ID) - Clear button:
#clear(must use this ID) - Delete button:
#delete(must use this ID) - Main wrapper:
.container(must use this class for pixel-perfect evaluation)
- Implement the logic to perform calculations correctly.
- Ensure the 'Delete' button removes the last character and 'Clear' resets the calculator.
Upload Your Web Page Files (Upload a Folder)
Your Uploaded Page
Upload files to see your page here.
Original Task Page
Evaluation Results
Load a task and upload your files to see evaluation results.