15: Exercises in JavaScript | Create a Calculator Using JavaScript | JavaScript Tutorial | mmtuts

Exercises in JavaScript | Create a Calculator Using JavaScript | JavaScript Tutorial | mmtuts. In this JavaScript tutorial you will create your first JavaScript exercise. The exercise will be building a calculator using JavaScript which is a very good and simply project to start out with.

➤ GET ACCESS TO MY LESSON MATERIAL HERE!

First of all, thank you for all the support you have given me!

I am really glad to have such an awesome community on my channel. It motivates me to continue creating and uploading content! So thank you!

I am now using Patreon to share improved and updated lesson material, and for a small fee you can access all the material. I have worked hard, and done my best to help you understand what I teach.

I hope you will find it helpful :)

Material for this lesson: https://www.patreon.com/posts/javascript-15-18708464

Comments

Ezeanyika Victor says:

And it reads

RundErr24 says:

What would happened if we set input type =”number” in our form? Would be output string as well? Thank you for your videos :)

Learning Simplified says:

Great topic to discuss. wonderful presentation…

raiser.js says:

can you help me about “calc is not defined in HTML” cant get to work i just follwed the code. TNX!

Obito Uchiha says:

Is styling the calculator important for practice ?

jakub klos says:

Perfectly explained!! Thanks !!!

TheLoGgIDK says:

Why do you use querySeletor if you are still gonna put id’s on items. Why not use getElementBtID? Good Video!

Tae Yo says:

thank you for the lesson, but i have a problem .. when i give the calculator the values then press calculate button it show the result for a second and then disappear .. how to solve it?

Gels_YT says:

Hey sir instead of document.querySelector(“#id”).value; we can also use
document.getElementById().value right? 😀 just askin if it’s okay 😀 thanks..

Omni says:

You should talk about Event Listeners

chris marokhu says:

what is the name of the ide or editor you are using?

eatyourgarden australia says:

I thumbs up before i even watch. Your a legend :)

Trivedi Dhaval says:

In my project I’m using jQuery.. but when I use external js file. I am getting an error that says “$ not defined” and whenever I use the same code internally I don’t get single error. Can you tell me why is this happening?

Happy Shah says:

Great explanatioN!

Via Nashwan says:

you are amazing ! your voice so clear or simple , you are a best , you teacher , you my soul , you good , thank u thank u thank u …….

Ankit Jindal says:

do u have courses on udemy

Matt Smith says:

I’m at 15:39 of the video. when I console.log(calculate) I get this; Uncaught ReferenceError: calc is not defined at HTMLButtonElement.onclick (index.html:22). I have tried to resolve this but to no avail. index.html:22 reads;

Ezeanyika Victor says:

Anytime I Write calculate, it says Uncaught ReferenceError: calc is not defined
at HTMLButtonElement.onclick (index.html:21)

Practice customize wordpress theme says:

great video

akashjit nayak says:

Awesome Explanation sir

陈瀚龙 says:

I got excited and just popped in on this video first. I thought var was done. Const. Let. ES6. Awesome.

Ann Macuha says:

What’s the difference between querySelector and getElementById?

Shwoop DaCobra says:

So I want this to work but I am coming across an issue I can’t seem to find the answer to:
Refused to execute script from ‘http://127.0.0.1:3000/main.js’ because its MIME type (‘text/html’) is not executable, and strict MIME type checking is enabled.

This keeps happening whenever I try to calculate. On top of that, however, this is happening:
Failed to load resource: the server responded with a status of 404 (Not Found)

I followed the video down to the character so I’m confused where I went wrong. Curious if anyone has a solution

Yu-Jyun Lin says:

I keep getting NaN error but I follow exactly the same step as you do, why ? T.T

AnG10287 says:

you have also long hair i have too looking good….anyway thank you for the video

saqib omari says:

Can we use parsechar for op veriable or is there a method to get only characters?

jeypi Dela Cruz says:

how is your browser updating even ur not refreshing? kinda cool tho, teach us to set it up like yours

Enoch Hagan says:

Great thanks

Nelson Paixão Pinto says:

Hello daniel, is there a site where i can see the pat socket besides my public ip? You often show that in the videos

0x10 says:

I have the same hair length as you lol

FlyingGamess says:

Can you make a working adminpanel that using your php login system i cant find one on youtube

NERO says:

i agree that the calculator has almost all of the concept in programming. displaying at inputting data not the normal cal i am expecting but the still simple. instead of using document.getElementByID(‘ ‘) you are using the document.querySelector(“#”) am i right that they are the doing the same way or am i wrong?

Stoney_Eagle says:

Learn every time. I kinda wanna know how to make a html js video player that can play YouTube, Daily motion, mp4 and live streams with closed caption styling in css that looks like YouTube’s player. .

Tech Expert says:

thanks thanks thanks

BC Modak says:

Hello dear, I am from Bangladesh. Why my calculator need refresh every time, for calculating a new one? It only works once. Is there any way to solve this?

Write a comment

*

Human Verification: In order to verify that you are a human and not a spam bot, please enter the answer into the following box below based on the instructions contained in the graphic.


Do you like our videos?
Do you want to see more like that?

Please click below to support us on Facebook!

Send this to a friend

▷ Other ReviewsVehicles▷ Show Cars▷ Motorbikes▷ Scooters▷ Bicycles▷ Rims & Tires▷ Luxury BoatsFashion▷ Sunglasses▷ Luxury Watches▷ Luxury Purses▷ Jeans Wear▷ High Heels▷ Kinis Swimwear▷ Perfumes▷ Jewellery▷ Cosmetics▷ Shaving Helpers▷ Fashion HatsFooding▷ Chef Club▷ Fooding Helpers▷ Coktails & LiquorsSports▷ Sport Shoes▷ Fitness & Detox▷ Golf Gear▷ Racquets▷ Hiking & Trek Gear▷ Diving Equipment▷ Ski Gear▷ Snowboards▷ Surf Boards▷ Rollers & SkatesEntertainment▷ DIY Guides▷ Zik Instruments▷ Published Books▷ Music Albums▷ Cine Movies▷ Trading Helpers▷ Make Money▷ Fishing Equipment▷ Paintball Supplies▷ Trading Card Games▷ Telescopes▷ Knives▷ VapesHigh Tech▷ Flat Screens▷ Tech Devices▷ Camera Lenses▷ Audio HiFi▷ Printers▷ USB Devices▷ PC Hardware▷ Network Gear▷ Cloud Servers▷ Software Helpers▷ Programmer Helpers▷ Mobile Apps▷ Hearing AidsHome▷ Home Furniture▷ Home Appliances▷ Tools Workshop▷ Beddings▷ Floor Layings▷ Barbecues▷ Aquarium Gear▷ Safe Boxes▷ Office Supplies▷ Security Locks▷ Cleaning ProductsKids▷ Baby Strollers▷ Child Car Seats▷ Remote ControlledTravel▷ Luggages & Bags▷ Airlines Seats▷ Hotel Rooms▷ Fun Trips▷ Cruise Ships▷ Mexico Tours