https://github.com/dracula27/odin-calculator
The Odin Project - Foundations - JavaScript Basics - PROJECT: Calculator
https://github.com/dracula27/odin-calculator
css git html javascript
Last synced: 2 months ago
JSON representation
The Odin Project - Foundations - JavaScript Basics - PROJECT: Calculator
- Host: GitHub
- URL: https://github.com/dracula27/odin-calculator
- Owner: DrAcula27
- Created: 2022-02-17T20:56:29.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2022-03-02T22:40:20.000Z (over 4 years ago)
- Last Synced: 2025-01-18T05:29:17.446Z (over 1 year ago)
- Topics: css, git, html, javascript
- Language: Rich Text Format
- Homepage: https://dracula27.github.io/odin-calculator/
- Size: 125 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# odin-calculator
The Odin Project - Foundations - JavaScript Basics - PROJECT: Calculator
The goal of this project is to continue to build on and cement my HTML, CSS, JavaScript, and DOM manipulation skills and knowledge that I have gained while working through The Odin Project. This is the final project in The Odin Project's Foundations course.
This project is a browser version of a 4-function calculator, plus a few extras:
- Toggle whether the number is positive or negative
- Convert the number to a percentage
- Decimal input, without adding more than one decimal
- An undo button
- Keyboard support
NOTE: the calculator only evaluates one pair of numbers at a time, as per the specifications on the project page.
After completing this project, I have accomplished:
- Continued improvement of version control using Git and GitHub
- Understanding the DOM and how to manipulate it
- Continued improvement of HTML, CSS, and JavaScript skills:
- Importing custom fonts using HTML and CSS
- Using CSS pseudo elements to set a background image
- Practice with CSS flexbox and CSS grid
- Using JS to make HTML buttons function
- Practice breaking problems down into smaller, easy-to-solve problems
- Using JS to write functions to solve these small problems, and calling functions within functions to solve the larger problems
Project Source: https://www.theodinproject.com/paths/foundations/courses/foundations/lessons/calculator
Credits:
- Background Image: https://thedoctorwhosite.co.uk/dalek/types/4-original-supreme-black-dalek/
- Icon: https://findicons.com/icon/146054/dalek
- Font: https://www.1001fonts.com/dalek-font.html