How to build a SIMPLE Javascript Calculator with just HTML, Javascript, CSS (without eval() method)

In this tutorial we'll cover how to build a real simple Calculator using Javascript, HTML and CSS - without frameworks and without using the eval() method.

There are many many many ways of creating a Calculator in Javascript, but though that this might help get an easier grasp of some Javascript basics.

There are lots of ways to optimize and improved this calculator

Git repo here:

Eval() function (no longer recommended)

[beingold]

The Odin learner here! best tutorial for beginners. Appreciated.

[andresperezandreiev]

I'm creating the Odin Project calculator for the Foundations Path. I think your video really helped keep things simple, so just wanted to say thanks for this tutorial, Jonathan!

[cicada]

loved the serene background music while watching, god bless you my friend

[kennjenga]

Very simple and nice👌. Made me feel like a pro even though am a junior.

[mtrvansh]

The video was very helpful, thanks 🙏🏻

[valentinavalverde]

friendly reminder for those who don't know- always use semicolons! :)

[BHVinay]

Does this work only with two operands 🙄

[cicada]

loved the serene background music while watching, god bless you my friend