Build an iPhone Calculator using HTML CSS & JavaScript!

Published: 15 April 2020
on channel: Justin Kim
35,274
624

Let's build a fully functioning iPhone Calculator using only HTML, CSS, and JavaScript! We even have a fully functioning clock! This beginner-friendly tutorial will guide you through the whole process building the calculator from absolute scratch.


Want to build the calculator in React instead? Check out:    • Build an iPhone Calculator using React!  


Check out my other recent tutorials/videos:

Pokédex:    • Build a Pokédex REPLICA with Vanilla JavaS...  
Connect Four:    • Let's Build Connect Four using JavaScript!...  
TicTacToe:    • Build Tic Tac Toe using HTML + CSS + Javas...  
Master the CSS Position Property:    • Deep Dive Into the CSS Position Property |...  

🗄 Resources:

Symbols used in code: ± % ÷ × − + =
Status Bar Image: https://github.com/angle943/iphone-ca...
Github Repo: https://github.com/angle943/iphone-ca...


🔑 Key Concepts:

CSS Grids
DOM Manipulation
dealing with types in JavaScript

#iPhone #Calculator #JavaScript


On this page of the site you can watch the video online Build an iPhone Calculator using HTML CSS & JavaScript! with a duration of hours minute second in good quality, which was uploaded by the user Justin Kim 15 April 2020, share the link with friends and acquaintances, this video has already been watched 35,274 times on youtube and it was liked by 624 viewers. Enjoy your viewing!