Simple Javascript Calculator using Vanilla Javascript and Bootstrap - Beginner Javascript Tutorial

In this video we are going to create a simple calculator using vanilla Javascript, Html and bootstrap to make it look nice. In case you’re not familiar with the term vanilla javascript it means to use javascript without any frameworks like react or angular. It’s just plain old javascript.

If you like my videos please like, subscribe and share.

For this project we are going to use visual studio code and a plugin called Live Server. Live server is a visual studio code plugin that will create a local webserver. Live server has a great feature called live reload. Everytime you click save the browser will reload the page so you don’t have to click refresh.

Lastly we will use bootstrap to make our calculator look awesome.

If you enjoy my videos please like, subscribe and share.

Links

Github simple javascript project

Bootstrap

Live Server Extension for Visual Studio Code

Prettier Extension for Visual Studio Code

[conor]

Oh my god, this video is truly a hidden gem! Thanks! Seems like bootstrap is not as hard as I thought.

[matthewjones]

Great tutorial, very well explained and at a good tempo! Thanks!

[technowin]

addButton.addEventListener("click", function () {

const value1 = Number(number1Input.value);
const value2 = Number(number2Input.value);
resultTextArea.innerText = value1 + value2;
});


I had error in first const line.. and } bracket .it shows " Expression expected.ts(1109)
" please help me slove that error