Build A Simple Calculator With JavaScript | Mini Project For Beginners

[@webcifar]

🔔subscribe and turn on the notification bell. 👉 source code: codepen.io/Web_Cifar/pen/XWdVgXr 👉 #30days30submits : github.com/ShaifArfan/30days30submits

[@stevevang506]

The BEST JS calculator tutorial on the web. hands down.

[@nikhilraj4098]

Hands down the best calculator on vanilla JavaScript period. Every one uses eval function and you hard coded the logic, and you added so much functionality and all this is 1 hour, Please make such good projects more that help us in learning how to form logic. This video is under-rated

[@rubaiyabegum1722]

got this project done without any suffering....Jazakallah khair

[@soldishero_y]

Thanks. A little confused with numbs and elements but helpful tutorial!

[@Ace718215]

Awesome tutorial brother best js calc tutorial ive seen. keep up the great work

[@webcifar]

Thanks

[@speedbump164]

this was an amazing tutorial. the design and code itself are great. this is exactly what i needed to troubleshoot my own calculator app. you definitely earned a thumbs up and a sub. thank you so much

[@barryowino1485]

The best calculator built with vanilla JS...keep it up

[@charlesjoma536]

Awesome Tutorial, keep them coming, awesome how you walked through the reasoning for everything!! Helped me Alot Thank you

[@blackwidow4real]

Thank you kindly sir, you are explaining it very well and it was fun to follow along and make this calculator with you

[@MaximilienBrunet]

Great! Thank you very much! 🙏🙏🙏

[@chisomannastesia982]

tank you for this awesome guide. its so beginner friendly

[@kenethnjoroge5313]

If not for anything, you winned me over as a subscriber coz of this video... Thank you for the great work🔥!

[@TioYoh]

Thank you for the class! I learned a lot!

[@MuhammadAdnan2.0]

great history feature still watching ,,,,,,,, unique really :D validation as well

[@webcifar]

Thank You ✌

[@Alan-ox2hp]

Good video, thanks. Good to learn from different sources. many thanks

[@elexafm]

thank you so much for this video. you explained sooo well the logic that i was able to make some changes for my own calculator project. like subscribe and share for this gentleman

[@riajmahmud4303]

This is the best calculator titurial

[@rohanshoaib1475]

Great Job man!!

[@dgross4735]

Excellent work. One question, What would need to be done to change the color of a key or row of keys like at the top to be a different color than the number set below...?

[@onyinyechukwuma4272]

This was so helpful. thanks

[@shoeb_akter]

You are AWSOME🔥

[@webcifar]

Thanks Brother ♥

[@samarjamil3053]

Great job 👌

[@webcifar]

Thank you

[@istiakahammad7074]

Thanks for this video

[@webcifar]

Most welcome

[@madhavsewag4804]

How can I do continue calculation with = operator

[@jayeshbansod8515]

Uncaught typeError : numbersE1.forEach is not a function at......... Sir sir why it is happening and what do it for this error. Please tell me

[@fittingprize8135]

same here, do u find the solution ?

[@mateuszmichalski6747]

check if you have const numbersEl = document.querySelectorAll(''number'). At first I also had this error but I noticed that I have const set with just .querySelector (without 'All' at the end)

[@sprahzyend7535]

Good tutorial!

[@webcifar]

Thanks!

[@Harrison2]

dope...going to start on an earlier video

[@webcifar]

Go for it!

[@istiakahammad7074]

Can you make a sciencetific calculator?

[@webcifar]

I can try

[@alijaafar4055]

forEach loop is giving me an error, why

[@jassrajput890]

awesome

[@ЛюдмилаЖерко]

There is a small bug . if second operand is empty and has "." value and when you press equal button the result says NaN. Nevertheless great tutorial

[@webcifar]

Thanks for mentioning it.

[@taslucian]

I like this code. It is verry clean and verry clear, but the calculator is not doing the calculations in the correct order. This is happening because of the temporary result. One example is: 2+3*2 . The result should be 8, but the calculator give the result 10 witch is not correct. How can we fix this?

[@MuhammadAdnan2.0]

Day 29 portfolio something like this. www.templateshub.net/demo/?theme=robert-personal-onepage-html-template

[@eelguneezmemmedov1671]

What u say and write i understand clearly but when i start to code by myself i stuck ((( Could u say why ? how u became to this level ?

[@webcifar]

It happens with everybody. You need to keep trying.

[@eelguneezmemmedov1671]

@@webcifar Thanks for feedback i will do my best!

[@basseyjennifer5601]

thank you

[@webcifar]

You're welcome

[@lerdrobott549]

This code doesnt follow MDAS

[@ahadamin7361]

31:33

[@ce7083]

Dude, I was follow every step on this video tutorial but my calculator doesn't want to click (unclickable) - What the heck is going on? how I can connect with you? How do I know if you or someone replying this my message in youtube?

[@ce7083]

Its only the UI that's work, in my code.. pls some help?

[@webcifar]

Check the click eventlistener. If you are still facing the problem just join the facebook group and there you will find me.

[@ce7083]

@@webcifar Thanks a lot for replying my message dude I really appreciate it, for now I don't have FB account I'll make it & finding you (on it) later..

[@manjupriyakarthikeyan]

@@ce7083 same problem for me (unclickable.).if you find a solution for that .help me

[@tehannasmall2316]

@@ce7083 hi, did you get the buttons to become clickable?? I don't have Facebook to connect with you

[@devShahriar]

You need to work more on logic brother , keep it up

[@webcifar]

Thank you

[@techwithoge6899]

This is so nice, made something similar to this ya'll can check it out

[@raquels6354]

this tutorial is great but the tutor doesn't explain well. he gets confused many times and can't explain in words cleary what he is doing and why.

[@webcifar]

Thanks for your feedback.

[@rubelbarua9953]

Too much code

[@СахидамСадирова]

Ьл

[@bineethl2666]

Kindly clear how can we connect the haveDot to e.target.innertext in this condition -- if (e.target.innertext==='.' &&!have dot) havaDot=true;

[@webcifar]

if we are clicking do (e.target.innertext) and we don't have a dot yet in out number then add the dot also make have Dot true.

[@bineethl2666]

Hello sir, I convinced with your point thx a lot but my query is how this condition will understand by calculator if( e.target.innertext == '.'(convinced) &&!haveDot (this condition not convinced mean how calculator will know that we dont have dot previously in a number by this condition because we dont mention anywhere haveDot is equal to '.' And We simply considered haveDot is boolean as false ) ) Kindly explain please!!!

[@webcifar]

@@bineethl2666 Initially the haveDot value is false but when we are clicking the dot if you can see we are changing the value of haveDot to true. Now it means we have the dot inside the number. After that you can't add another dot in the same number because the haveDot is now true. and when we are adding a new number, if you notice we are again changing the havDat value to false so that user can add dot to the new number.

[@bineethl2666]

@@webcifar thnks a lot 👍

[@bineethl2666]

Why we have given haveDot value is false ; we can give it true also and apply condition vice versa;