DEV Community

Cover image for Windows Calculator
Rahul Sharma
Rahul Sharma

Posted on

3 1

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

Postmark Image

Speedy emails, satisfied customers

Are delayed transactional emails costing you user satisfaction? Postmark delivers your emails almost instantly, keeping your customers happy and connected.

Sign up

Top comments (0)

Image of Datadog

Create and maintain end-to-end frontend tests

Learn best practices on creating frontend tests, testing on-premise apps, integrating tests into your CI/CD pipeline, and using Datadog’s testing tunnel.

Download The Guide

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay