https://github.com/yogadeepan29/dom_day-15_task-1_calculator
Day-15 Task ( DOM ) - Calculator
https://github.com/yogadeepan29/dom_day-15_task-1_calculator
append bootstrap calculator-application calculator-javascript create-element css dom-manipulation eventlisteners functions html-css-javascript javascript keyboard-events mouse-events setattribute
Last synced: about 1 month ago
JSON representation
Day-15 Task ( DOM ) - Calculator
- Host: GitHub
- URL: https://github.com/yogadeepan29/dom_day-15_task-1_calculator
- Owner: Yogadeepan29
- Created: 2024-05-15T19:58:26.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-05-18T14:17:26.000Z (9 months ago)
- Last Synced: 2024-11-13T03:15:11.843Z (3 months ago)
- Topics: append, bootstrap, calculator-application, calculator-javascript, create-element, css, dom-manipulation, eventlisteners, functions, html-css-javascript, javascript, keyboard-events, mouse-events, setattribute
- Language: JavaScript
- Homepage: https://ryd-calculator.netlify.app
- Size: 6.84 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
In this Repository, I have completed the Day 15 DOM Manipulation task
==> Task-1 ( Calculator-Task )
I have built a Calculator web application for this task using HTML DOM, CSS and Bootstrap.
* Created a calculator using DOM.
* Used Keyboard events only for numbers.
* When any keys pressed other than the number keys show an alert warning "Only numbers are allowed".
* Added functions to perform addition, subtraction, division, multiplication and modulus.
* This calculator can handle infix expressions.
* Used DOM to create HTML elements
* For styles I used CSS and Bootstrap.
* UI is responsive for all media screens.
* Included the test suite in html file.==> This page is also Deployed on Netlify
URL: https://ryd-calculator.netlify.app