Build a Simple Calculator with Vanilla Javascript - Beginner Project

In this video we will be building a simple calculator in good old plain vanilla Javascript! Feel free to follow along or skip around to the HTML, CSS , or Javascript portions. Timestamps below!
ZeroTo Mastery:
Master React JS Course - bit.ly/Learn-React-JS
Complete Web Developer in 2023 - bit.ly/Complete-Web-Developer
💻 Solve EDABIT coding challenges - BEGINNER! 💻
bit.ly/Code-Challenges
🔥 Connect with me on IG 🔥
/ fireclint
☕ Support the channel ☕
www.buymeacoffee.com/clintbriley
🔥 My Coding Equipment 🔥
Logitech MX Wireless Keyboard - amzn.to/3xKPFiN
Logitech MX Master 2S Wireless Mouse - amzn.to/3O5WmRD
SAMSUNG 49-Inch Gaming Monitor - amzn.to/3mvUy8M
Shure MV7 USB Podcast Microphone - amzn.to/3O00nqG
Mic Boom Arm - amzn.to/3NHn6YU
Monitor Desk Light Bar - amzn.to/3xzKlyj
Timestamps
0:00 - Start
01:10 - Create Files
03:00 - HTML
07:15 - CSS
15:54 - Javascript
15:57 - Initial Values
17:00 - Update Display
18:45 - Handle Key Press
22:05 - Inputs
25:40 - Handle Operators
29:35 - Calculate Logic
33:00 - Reset Calculator

[@deonvisad]

casually following along then doing it a few hours later in a different file without the video at all. Thanks for making it simple to understand.

[@codecommerce]

Awesome Deon. That’s what you need to do!! 🙌

[@turbogti18t]

Man I really enjoy your videos. Your videos are great for practicing writing code. You can read all the docs in the world but practicing for me is where I learn the best. I've created about 6 of your projects so far and am looking forward to completing the all. I really appreciate what you are doing here, thanks so much.

[@codecommerce]

Thank you my friend!

[@allsparky]

This video is AWESOME! Thank you!!

[@zenos_99]

Yo , nice start , waiting for big projects 🤩

[@codecommerce]

More coming Jimmy!

[@tinofiumara8125]

Is anyone else having trouble entering operands larger than a single digit? When I try to calc against, say, "11" it won't enter the second digit.

[@ArhamMughal-qo1dh]

In the JS script. Under calculator Logic, I have copied everything correctly but for some reason my + option not working but everything else works. Please someone tell me the solution?

[@dev-ps9zn]

"I just left off the D" 🤣🤣... Great video. Do you think by hitting "Option + Z" to wrap the lines in VS code will prevent you from zooming in and out?

[@codecommerce]

Haha caught that! I prefer not to be zoomed in at all when I’m working, but I figured it’s easier to be seen on a video if I’m zoomed in. Sometimes the word wrap can be a little confusing to me when I’m reading it.

[@SamSepiol127]

Love tour voice tone and the way you explain. I paid for course less specific and clear. Well done

[@codecommerce]

Awesome, thank you so much dude!

[@_mustafa.571]

Hi dude
İ knew html ,css, tailwind css and i am learning js but i study public finance at üniversity.So i want to be full stack developer without study engineering like you . What are you suggest me In this process

[@codecommerce]

Hey dude! Keep learning and building projects with js- great start!

[@_mustafa.571]

@@codecommerce thanks

[@milliorn]

Number divided by Zero will output Infinity.

[@codecommerce]

Ah, I fix I need to implement. Thank you Scott.

[@wasimdorboz]

github plz??

[@codecommerce]

I don’t think I hosted it, I’ll post it shortly!

[@wasimdorboz]

@@codecommerce good

[@tit162-tiwarianurag2]

Please its highly request from my side for making an admin panel for different user data storing in reactjs redux and firebase🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻

[@codecommerce]

Yes! Coming soon!

[@tit162-tiwarianurag2]

@@codecommerce yes sir