Link: - https://simple-arithmatics-calculator.netlify.app

HTML:

The HTML structure includes a container with a Bootstrap card for the calculator. The calculator has a display area, buttons for numbers (0-9), operators (+, -, *, /), a clear button (C), and an equals button (=).

CSS:

Basic styles for the body and card to give a shadow effect and style the display and buttons. The #display and .btn classes are customized to adjust font size and appearance.

JavaScript:

The appendNumber function adds a number to the display. The appendOperator function adds an operator to the display with spaces around it for better readability. The clearDisplay function clears the display. The calculate function evaluates the expression in the display and handles errors.