Windows Calculator

This calculator looking and functions like windows 10 calculator.

Looking and function like windows 10 💻 calculate.

Live Demo #WindowsCalculator

Technologies used:

• HTML(Structure Building)
• CSS(Designing/Presentation)
• JavaScript(Logic Implemetation)

Let's Design Calulator Using HTML and CSS

• HTML(hypertext Markup Language) is the standard markup language used to create basic structure of the website.
• CSS (Cascading Style Sheets) describes how HTML elements are to be displayed on screen. It can control the layout of multiple web pages all at once.
• JavaScript - We can do this by putting some classes in the HTML file. However, since we do not want to mix CSS classes with JavaScript classes, we can use data attributes to select them instead. data-operation to represent your operation buttons, data-numbers to represent the number buttons, data-all-clear to represent the All-Clear button and data-delete to represent the Delete button. We can add these classes to the previous-operand and current-operand