Creating a Calculator using HTML, CSS & JavaScript

Javascript Project: Calculator - In this video, we will create a calculator understanding the logic in detail!
Create a replit account to follow along: replit.com/?ut...
Complete code + demo on replit: replit.com/@co...
►Checkout my English channel here: / @programmingwithharry
►Instagram: codewithharry
python, C, C++, Java, JavaScript and Other Cheetsheets [++]:
Playlist: • Coding CheatSheets 🧾 b...
►Learn in One Video[++]:
Python[15 Hr] - • Python Tutorial For Be...
Python Advance[3.5 Hr] - • Python Programming Cou...
Python[1 Hr] - • Learn Python In Hindi ...
Python[2 Hr] - • Python Tutorial In Hin...
Python[15 Min] - • 15 Minute Python Tutor...
JavaScript[1 Hr] - • JavaScript Tutorial
C[1.3 Hr]- • C Programming Tutorial...
php[1 Hr] - • Learn Php In One Video...
php[2.3 Hr] - • Php Tutorial for Begin...
php[Project]- • Login And Registration...
HTML[30 Min] - • HTML 5 Tutorial For Be...
CSS[8.5 Hr] - • CSS Tutorial In Hindi ...
CSS[1.4 Hr] - • CSS 3 Tutorial For Beg...
Wordpress[3.2 Hr] - • How To Make a WordPres...
Angular[2 Hr] - • Angular Tutorial in Hindi
Java[2.3 Hr] - • Java tutorial in hindi 🔥
Web Scraping[1 Hr] - • Web Scraping Tutorial ...
MongoDB[2 Hr] - • MongoDb Tutorial For B...
Numpy[1 Hr] - • Numpy Tutorial in Hindi
Android Dev[12 Hr]- • Android Development Tu...
Linux[1 Hr] - • Linux Tutorial For Beg...
JQuery[1.1 Hr] - • jQuery Tutorial For Be...
Git and GitHub[1.1 Hr] - • Git & GitHub Tutorial ...
►Complete course [playlist]:
React - • React Js Tutorials in ...
Python- • Python Tutorials For A...
OOP Python- • Object Oriented Progra...
Java - • Java Tutorials For Beg...
JavaScript- • JavaScript Tutorials I...
PHP- • PHP Tutorials in Hindi
C- • C Language Tutorials I...
C++- • C++ Tutorials In Hindi
Git & GitHub- • Git and GitHub Tutoria...
Android Dev- • Android Development Tu...
Python GUI- • Python GUI: Tkinter Tu...
Web Development- • Web Development Tutori...
Python Django - • Python Django Tutorial...
Projects Using HTML, CSS & Javascript- • Projects Using HTML, C...
Data Structure and Algo - • Data Structures and Al...
Follow Me On Social Media
►Website (created using Django Rest & Angular) - www.codewithha...
►Facebook - / codewithharry
►Instagram - / codewithharry
Twitter - / haris_is_here
Comment "#HarryBhai" if you read this 😉😉

[@CodeWithHarry]

Replit is free of cost. You can create an account (Link in the description) Make sure you see the demo of this project on replit here (Link in the description)

[@Codingindesk]

than q harry bhai 😇😇😇

[@krrishbhandari10th-e40]

please make a firebase tutorial, by the way this was very very helpful

[@mirajurrahmanmasuk5809]

Harry Bhai on fire. Love from Bangladesh. ❤️❤️❤️🇧🇩🇧🇩

[@tankbapu1214]

Wait for javascript course

[@suyognagawade1096]

can you explain this line string = eval(string);

[@sagarm17]

Kis kis ko lagta hai "VS Code is better than Replit "?

[@neelwankhade9987]

Vs code is obviously best

[@sakshampachauri2109]

Vs code is best 😂

[@shiv12948]

Yaa broo 🎉vs code is the best

[@Dnsgaming45678]

It is replit not "Rapplet"

[@V.R_PROGRAMMER007]

Vs code always bbest

[@absistars]

We need JavaScript course 📝. Your notes help us alot

[@AmanKumar-ec6bz]

Yes i need JavaScript course beginning to advanced ❤️

[@janakiadhikari1715]

Yes

[@ansh_aditya]

Yes

[@yashjain5938]

Already Bnaya Hua Harry Bhai Ne Bro Playlist Bhi Hai Aur Single Video Vala Bhi Hai

[@AmanKumar-ec6bz]

@Anuradha Singh yes

[@dhruvinmehta53]

You are extremely helpful to us and your projects are awesome❤️❤️

[@cookingshorts7000]

You are the reason why i become full stack developer.No one is like you.your first video was my motivation..stay bless

[@AdarshSingh-mo1kc]

🤣

[@AdarshSingh-mo1kc]

kaha tk pahuche??

[@avinash20mgr]

Absolutely Natural and effortless. You are the best!

[@worldproducer567]

Your projects really motivates me to work harder

[@worldproducer567]

Thank you harry bhai

[@AmanKumar-ec6bz]

We need JavaScript course beginning to advanced ❤️

[@mdjaved135]

I can help you broo

[@Hasnain-Jabbar]

@@mdjaved135 help me also

[@talmeezfuaad1982]

My concepts cleared after watching it! Thanks alot! May you and your family live long!

[@gauravgoyal9202]

Hey Harry, your video's really helped and gives good knowledge. Thank you so much

[@amankumarbairagi794]

It was indeed really helpful, and completed it in one go , Thanks CWH.❤❤

[@MaheshBabuUpdates]

Thank you bro 🖤

[@amitsahni1071]

This calculator is my 1st project. Thank u so much Harry bhaiya❤

[@dheerajraut6873]

We need JavaScript course from beginning to end ..... ❤️

[@ImranKhan-kf4ez]

Could you please make videos of various projects with coding that will benefit everyone? For example, calculator, camera, screen recorder, video sharing website with login form backend

[@aahvneemishra1865]

Per button pe click karne pe mera to undefined aa rha hai kya karu?

[@ThrishunaReddy]

Your skills and shortcuts improved a lot in one year,I am from #sigma batch op😊

[@avishekadhikary3677]

Know how to make Stunning hover effect in cards with CSS : kzbin.info/www/bejne/fIjUnot-i9Z0nMU Know how to make Pop up Navigation bar with CSS : kzbin.info/www/bejne/pGPGqYyBiq-UpMU

[@AnkitKumar-ph6zm]

HI,Guys I watched his course on python that was a awesome course it was very helpfull.Then I studied about ML and other things . Now I watch videos on GOOGLE and sweep toilets of IIT.

[@amitcoc7840]

😂😂😂😂

[@AdnanShaikh-zh5zd]

Harry bhai please make a video on all the maths concepts to learn for DSA and where to learn them from

[@tejaskumar4470]

Thanks Harry Bhaiya for Amazing Projects for FREE 🔥

[@chandsheikh6228]

Bhai Last me else if(E.target.innerHTML == 'M+') { string = "yaha kya likhu "; document.querySelector('input').value =string; }

[@vaibhavjadhav3791]

It is recommended that don't use eval () function.. so what was the alternative way to do thid

[@CoolBoy_Official]

Sir your editing skills and the content is becoming more better day by day...Keep it up!

[@amanagrahari757]

Yes the drone shot, b-rolls and especially the colour grading in this video is awesome😂

[@manishjoshi8798]

Thank you sir for the new one I am watching your bootstrap video an got notification of this video and watching it you are really a great person who is giving too much knowledge for us. Your playlists are really awesome and iI have learnt a lot of things which is necessary for my stream BCA Thank you sir

[@taandavyt8826]

Knse semester mei ho bro

[@manishjoshi8798]

@@taandavyt8826 6th semester bro

[@bkrathore4715]

@@manishjoshi8798 me also

[@divyamkhatri4981]

Bro what is BCA

[@manishjoshi8798]

Bachelor of computer applications

[@mr-mf2ju]

THANKS A LOT SIR ! this vedio was very helpful for me i have been trying to make a calculator for a long time but didn't understand .. I completed my project after watching your vedio thnx again..💜

[@vishuraman424]

after applying border properties to button why buttons stops behaving like button and we have to give them extra properties of cusror: pointer; why is that?

[@AshishKumar-qr6ge]

Thanks sir, I am an android & iOS developer but I am confident I can also move on website with the help of your tutorial Highly appreciated

[@beyondhumanrange6196]

Why would you want to move to web dev then ?

[@markanthony3050]

@@beyondhumanrange6196 paid commenter.

[@vanshikakatre6057]

Sir can u please make a video for scientific calculator using Html 5, css3 and js

[@vaishnavitripathi7961]

One doubt is there. Apne utility class or css class alag q banai h ...sare design ek hi class me q nhi Dali??

[@poornimashaja1001]

I'm studying your javascript tutorial (now I'm in Dom manipulation) after finishing that i will try to do this project

[@rajusheoran4]

Amazing

[@rajanmodanwal7479]

Always learn New things 😊 with Harry bhai thank you so much ❣️

[@raghibrider8456]

You make these things like a piece of cake❤️

[@soumyajitsatpathy3627]

Nice and the best way to practice by watching your videos. Thanks Harry.

[@priyankapai211]

Pls keep making more of this kind of videos!

[@TejashKumar-sc5wi]

u know, this is really so fun for me, the js code is my fav. part of this video,

[@srijitbera2635]

We need a Full Design and Analysis of Algorithm🙏.. please make this.. u r legend

[@anonymouscoder2238]

Learn HTML Hack NASA

[@badhonchowdhury2475]

We need javascript course. I am from Bangladesh. you helps us a lot Harry bahi.❤️

[@virajjoshi5092]

i build this calculator and that's so awesome // You Are The God Of All Codding Langauge

[@rajpootluckyatter3876]

You are very great and your videos are also too good. God Bless you Bhai

[@healthylivingwithhemwant]

Thanks a million for your teaching.I created the same calculator like you did.Thanks .

[@adilsirtechnical7938]

you are such a great teacher.

[@technoart-u3u]

How to solve the operator problem in this tutorial?

[@cybernauticstechs967]

I had finally made a voice operating calculator after watching your python course

[@saurabhprajapati4502]

do we need to move from mongodb to postgresql because strapi not supports mongodb in version 4?

[@talhayousafzai-z3l]

Harry bhi ap bohat acha samjhatai hai likan is video ki bilkol samjhe nahii aye

[@anil2838q]

Which should i prefer cs with mathematics or cs with AI .. i like math ..but do Ai has more scope

[@Arnav404]

javascript logic - 22:00

[@Alakhsir-is-love]

Bhaiya mera laptop windows 7 hai aur mai python sikhna chhahta hu aur maine aapki video bhi dekhi hai par aapka windows ka version dusra tha aur mera windows 7 hai isiliye Maine bahut try Kiya par phir bhi mai windows 7 me python ko install karna vagairah nhi kar paa rha hu pls ek separate video bana dijiye windows 7 ke liye ki usko install kaise karte hai aur python ko set kaise karte hai windows 7 ke andar . Pls bhaiya bana dijiye ispar ek video kyonki mujhe sach me python sikhna hai . Pls ...!!!!!!!

[@Alakhsir-is-love]

Pls mujhe ek reply kar do bro

[@techeduidea2598]

what is difference between util.css and style.css plz reply

[@adityagangrade9955]

Thank You Harry Bhai For this Amazing Video

[@rohankhurana913]

You can use event bubbling instead to make buttons and shorten your code

[@jacksparrow4628]

delegation?

[@AviJila1]

from which keys i type multiple sign

[@allaboutprogramming2028]

jazakllah Harry Bhai you are just love ..thnaks for our help .Allah pak boht dy ameen ❤❤❤

[@crazyfacts4718]

Your videos help us a lot

[@meetdama18]

Hello sir.... Can u plz tell us what we should learn in our Ssc vacation regarding IT with sequence 🙏🏻 Still 2 months of our vacation are remaining and we want to utilise it properly and need your guidance

[@siddharthsingh913]

In my opinion, you should first try to find out what you want to do. There are so many possibilities like web dev, mobile dev(native and hybrid), competitive programming, IIT-JEE, desktop app, game dev, cloud, etc. Also there are so many frameworks that it is an ocean. So its better to know what you want, then ask the person specialised in that field for guidance, and then work hard in that direction.

[@AnkitKumar-ph6zm]

@@siddharthsingh913 I think he should just focus on his 8th class and try to pass 10th boards.

[@siddharthsingh913]

@@AnkitKumar-ph6zm I think he has already passed his 10th as he mentioned SSC(Senior Secondary Certificate) Exam which are the 10th boards.

[@ashnoor_varsha04]

Hello sir, please please make a video on DATASTRUCTURES WITH PYTHON, I have that subject in college, and I dont understand their teaching, I have learnt C, Python and Java from you sir, And I love your teaching, Please please🥺🙏🙏

[@HimanshuSingh-mt4tg]

Harry sir, We need full JavaScript course with notes and practice set like c course please

[@wh0_i_m]

Harry bhai ,, description/bio on replit "I am a programmer and I love CodewithHarry videos😁😊

[@9hufran_]

samjh me kuch nahi aaya pr maza bhut aaya 🤩

[@HassanAsghar-eo5ly]

Kon kon ye video 2024 me dekhe raha h😅

[@itsdiips90]

Love from ODISHA ❤️

[@Sonofpeace]

love you harry vai,from Bangladesh 🇧🇩

[@Aman-m2c9z]

Vote for Cybersecurity course

[@jaideepawari7523]

Superb tutorial! Can you please make a tutorial on hover button style in css

[@DipsOfficial802]

Thank you harry bhai 1st Calculator bna liya finally

[@anythingtop2574]

34:03 Completed on 31/08/2022 before chemistry copy summited

[@parimalsaxena895]

Very informational sir but I need to ask one thing that in css, we can perform all the properties in style.css so why there is a need to create another style sheet

[@AnujSingh-ju4nr]

Mai apki videos dekh kar hi HTML or CSS seekh rha hu

[@jasminekaur2080]

sir please bring more such projects...we need more practice

[@adhu6157]

thanks for such an amazing video

[@TestTest-dn3sv]

In the calculator we can type the operators as many times as we want but we shouldn't be able to do that can please fix it🙏 Edit: And can you please add a backspace button🙏🙏

[@jigyasa7792]

Hello Harry bhai, Why you created "utils.css" you already had one "style.css", you could have completed designing in "style.css " only. Any region? Thank you

[@Doremon.Chaudhary]

Harry bhai blockchain developer roadmap.. Including non tech background.. Kbse boll rhan hon...

[@sandeeppatil4398]

We need your js course with your hand written notes as soon as if you can

[@yodaddy3261]

Harry Bhai Java sikhu ya python kya python se Android app development possible hai?

[@Dona_Chakraborty]

Thank you for this video 💗,, also need the js course please make it

[@shonathakur7100]

how to connect github account to replit account please make a video on this topic .....And is there any need to link it together bcoz in my college everyone uploade there code on github for better placement.... Is i provide replit profile on my resume or upload code on my github ???

[@SaritaSingh-dv7ir]

Ok so I am learning coding in best way by harry bhaiya free of cost...

[@AlokKumar-ds1qb]

Aap ki vdo mujhe bhaut help kiya he

[@Manu_mandyal]

Great coder in this era🙇

[@sscode3809]

Woh very imagine your vedio bhai 👍👍👍

[@bittufriends2687]

How to add delete/backspace button(with symbol) in this calculator and how to enable this button to work?

[@rashilyadav7437]

you can use the below code for this: else if (e.target.innerHTML == 'X') { //'X' stands for the backspace button const inputElement = document.querySelector('input'); const inputString = inputElement.value; const inputArray = inputString.split(''); if (inputArray.length > 1) { inputArray.pop(); const updatedString = inputArray.join(''); inputElement.value = updatedString; string = updatedString; } else { inputElement.value = ''; string = ''; } }

[@yogitabhandari9688]

Hi sir my name is Kshitiz kumar(k is silent) Sir when I was of 11 I found my talent in computer programming Before that I was not aware of that I was having this kind of talnet Sir, because of you today I have learnt python So, sir I want to thank you Sir I want to be the next CEO of Microsoft corporation

[@beyondhumanrange6196]

😑

[@ssgmoidkhangaming5399]

brother bagair flex lagai apka column me kese aya hamara to row me ari he first line

[@ashutosh__018]

#harrybhai yar isme backspace button kaise addd hoga?

[@syedaligll7474]

Worked thank you alot! you're the best bro liked

[@dharmikparmar4128]

Sir I am your big fan

[@samyaknikol]

very helpful video and you are very useful guider

[@AsimDhali-yc7gy]

very helpful video , thanks harry brother

[@harshmistri1702]

Absolutely maja aaya bro love you ♥️

[@AmitKumar-mz2jg]

Freshers should join the company even at low salary or they should wait till decent package (and obviously till then keep learning)

[@gokulsiva7836]

Can I will able to do it in my phone using spck editor

[@pratimdas806]

Why see addeventlistener is not function ??

[@rajusheoran4]

Harry Fire Hai🔥🔥

[@codlover1468]

Your are awesome Harry Bhai

[@BlitzVirtuoso]

Dear code with harry jo ap ne problem ka face keya ye problem muje bhi hai flex box apply nahi ho raha

[@sumitagrawal4048]

how can i use kite connect Websocket to stream stock market data on Replit?

[@mohammadsaqib8639]

Harry bhai train p hu ghr jaa rha hu apka notification aate hi video dekhne aagya😄😄😄