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