Everything seemed easy in this Calculator project , i did not knew about eval() function in Javascript (thank you , life saver ) , but if we are using the eval() function directly without any try catch block and as the display is an input text field , we are allowed to type any words or letters and this gives an error in the console, to avoid that I suggest using the html property readonly="yes" . Overall had fun, thanks
Nice video. However, I think adding a readonly attribute to the display input field would make the calculator more functional because as it is, one can directly type characters into the display screen of the calculator, which is not all that appropriate. Thanks for this video. I learnt a lot!
And also, no real need converting to strings, since the input type of the display is already set to "text". It works already. I am looking forward to another amazing video
how to call the function with each of these variables as an argument emailaddress variable and emailconfirm variables Do you know how to make two of the same emails need to match and is that client side validation or server side? Inquiry of js on html form
This is my second time doing one of your tutorials, unlike most, you actually explain what these things do. Now I understand a lot more about web development. Thanks! 🔥🔥
Thanks a lot for this awesome video. I search a lot for calculator code but all of the codes were complicated. Yours is quite easy and understandable. 😀
I love how you code - so simple yet effective! Thank you. I think it'd be nice to hear more explanation on javascript codes like toString().slice(0, -1) because I think that and eval() really makes things interesting. Thanks again!
While eval() can be powerful, it should be used with caution because it can execute arbitrary code and potentially introduce security risks. It's often better to use alternative methods for dynamic code execution, like using functions or JSON parsing, to avoid potential issues.
Hi I have a some problem please can you guide clearly I write display. Value in onclick event but the console error show it's not define and it's property is module can you help me
For some reason I can't get my input box to stop being a dark cube, but other than that, brilliant video. Great communication and easy to pick up for beginners like me - you've definitely got a sub from me!
@@GreatStackDev sir I have questions that if you used javascript so why you don't use script tag and we don't have to give function in onclick , you not use query selector Second confusion is display.value += 1 it is error because initially value is undefined
@@GreatStackDev thank you so much for the recommendation...already made my stopwatch using your video with some of my own enhancements and added it to my list of projects 😇
In css there is some code to align in centre of the web page a calculator but I had given a code according to the video in my lap but it's not working I have checked so many times . What's the reason!!
Thank you so much brother I had seen so many videos but that videos program are getting any problem but Your video helps me to to complete my college project Once again a big thanks bro....
Great explanation, but you could have used value.slice(0,-1) in the deletion part to simplify the code, since it only captures the input and would be more functional without needing to declare a string and it would be better to handle the data. Creating methods and their values as parameters would be more readable instead of creating a variable and its value several times, it would make it easier to implement new features and maintain the program. Thanks.
Hi I have a some problem please can you guide clearly I write display. Value in onclick event but the console error show it's not define and it's property is module can you help me
Thanks Musa, Hope you will like this too: th-cam.com/video/cO-qjCC_UYQ/w-d-xo.html And More JavaScript projects here: th-cam.com/video/9LZGB3OLXNQ/w-d-xo.html
Thank you so much. In about 19mins you summarized everything well. 🔥🎉 Though i realized something. It doesn't work if it has 00 before the decimal point it doesn't calculate Anyway we could fix that?
I am very much happy with your tutorial. Good commanding and easy process. But I want this calculator using script function option. Please do one more video.
I like this video, It is easy to understand and easy to follow the code, I hope more easy HTML, CSS & Javascript tutorial or easy Full stack project for aspiring programmer people.
@GreatStackDev The worst part of these kinds of projects is none of the TH-camr is "explaining the logic step by step", "why they use that specific thing?", "what that specific thing do?", "how they can use JavaScript functions and methods in HTML itself and not write them in separate JS file and finish it off that easy??" !!!! For a super beginner like me who is unable to generate logic and needs help, is unable to understand anything!! Please explain me by creating new video and explaining the logic @GreatStackDev And others TH-camrs also do the same!!!
You need to learn javascript at first then come here start watching these videos🌚...... Whatever u don't understand google it and find out by yourself...... That's what a developer does..... Just google google and google.
Sir please request thorha sa samja ke bana lo sir tutorials nice hai but jo bhi tag use karte ho us ka meaning purpose batawa our css ka bhi Best regards sir you are the best love from Pakistan
it is really useful tutorial but i have some doubts that is we can write or click the operators more than one times simultaneously and this makes it non functional so you should verify it . but at all it is nice keep it up
there is no doubt that this is very simple project but here is a bug in this project , we can select multiple operator at the same and it will through an error you should fixed that too in this video where we could select one operator at a time
👉 My JavaScript Advanced Course: greatstack.dev/go/javascript-course (75% Discount)
Everything seemed easy in this Calculator project , i did not knew about eval() function in Javascript (thank you , life saver ) , but if we are using the eval() function directly without any try catch block and as the display is an input text field , we are allowed to type any words or letters and this gives an error in the console, to avoid that I suggest using the html property readonly="yes" . Overall had fun, thanks
Can't stress enough how helpful this video is. Learned so much from a short 19 mins video.
You're genius brother. Compared to other TH-cam content creators with same calculator project. Thank you.
Nice video. However, I think adding a readonly attribute to the display input field would make the calculator more functional because as it is, one can directly type characters into the display screen of the calculator, which is not all that appropriate. Thanks for this video. I learnt a lot!
Thanks Emmanuel, this comment will help all viewers, they can simply add
@@GreatStackDev hi bro ..its not working for me
@@GreatStackDev sir why did u change tostring() in delete button?
@@hammadraza7064 that method will collect the value from del button and perform slice operation from string method
@@GreatStackDev after adding readonly I still can add anything to display input. Pls help
And also, no real need converting to strings, since the input type of the display is already set to "text". It works already. I am looking forward to another amazing video
how to call the function with each of these variables as an argument emailaddress variable and emailconfirm variables
Do you know how to make two of the same emails need to match and is that client side validation or server side? Inquiry of js on html form
thank you so much now my delete button is working changed to this =>
great video anyway
thanks buddy i was confused why the DE button isn't working thanks a lot
wasdwasdwasdwawd
I'm searching for mini project using HTMl css js for my assignment I got this one thanks alot sir
The eval function was totally new to me. I thought there'd be a complex split and reduce algorithm, Great video!
Haha same
Its cool and even child can understand your presentation...kudos to you for making this..
Subscribed👌
Thank you for simple and good explanation. My suggestion for AC Button is :
Why ...any Specific reason?
Not necessarily, since we are talking about javascript and not html👀
Thank you so much, started learning HTML CSS and JavaScript around May, now am catching up. Project completed sucessfully.
I'm learning all 30 projects, all these tutorials are very helpful after watching your fulll Javascript Cours, Please make a Node JS tutorial...
I'm so glad! Thank You. Noted.
Calculator completed 🤞🏻🤞🏻🤞🏻
Back to back practicing JS. The aim is to get a job as early as possible. ❤
Glad to hear that. You are in the top 5% who complete projects. All the best.
This is my second time doing one of your tutorials, unlike most, you actually explain what these things do. Now I understand a lot more about web development. Thanks! 🔥🔥
You're very welcome!, Glad it helped you.
same
I did it! My first coding project! Thank you for the tutorial!
same bro
The way of your coding is massive i found such a easy way of creating projects using JavaScript
Very nice video, I learned a lot.
If JavaScript was written in separate file we would understand it better.
You can write the same JS code in separate file and link with the HTML file.
@@thecodexweb7766using documents to get ID righht?
@@thecodexweb7766 but can we add js in online without script src
Hello
Hi
Thanks a lot for this awesome video. I search a lot for calculator code but all of the codes were complicated. Yours is quite easy and understandable. 😀
Glad it helped! Thank you. 😊
Thank you sir.
Always Beneficial,Awesome work you share👍
Waiting for more such tutorials...
🎉🎉🎉 I love the way you explain the work.. Easy to understand and follow up... ❤❤❤
Thank you so much! I just made my college project following this. Works perfectly!
Glad it helped! Thank you. 😊
I love how you code - so simple yet effective! Thank you. I think it'd be nice to hear more explanation on javascript codes like toString().slice(0, -1) because I think that and eval() really makes things interesting. Thanks again!
at 15:00 , there is no need to use "toString()" because default value of input is "string". Nice video by the way.
Hats off to you bro i see many video to how to make calculator but this video is just mind blowing.
It was amazing experience by watching your videos. How softly and essily you are teaching us. Thanks alot❤
use normal emojis
Thanks 🙏
Thanks 1year searching video calculator best video thanks❤❤❤🎉
Thank you so much sir aaj mne pehla project bnaya h sirf aapki video ki help se😊😊😊😊
Great tutorial! Simple and straightforward. Subscribed 👍
Sss 😅
Thanks for the great tutorial. Can't believe how easy it was.
Sir, we need more JavaScript projects
sure I will be making more tutorials on JavaScript
@@GreatStackDev Thankyou Love from Pakistan
@@Ghulammustafa-wg6cy
I got one issue in this I didn't get the exact design of calci
If you can help me with this
Brother upload source code
Thanks sir 🙏🙏🙏❤️❤️
Ngl this fast-paced video was way exciting than most movies.
While eval() can be powerful, it should be used with caution because it can execute arbitrary code and potentially introduce security risks. It's often better to use alternative methods for dynamic code execution, like using functions or JSON parsing, to avoid potential issues.
Thanks, you've realy put things into perspective. Such a good teacher.
Great tutorial, however,it could be much better if you can enable Live extension so that we see every changes you are implementing... thanks
This was the easiest one. Thank you so much 🙏
Hello
Hi I have a some problem please can you guide clearly I write display. Value in onclick event but the console error show it's not define and it's property is module can you help me
Really inspiring, insightful and educating tutorial. Keep it up🥇🏅
Nice work... I'm a beginner but it was really easy following you.
Really appreciated... awesome way to teach... Great Superb🥰🥰🥰
You're welcome. Thank you so much. 😊
Now this is a PRO- grammer... Thanks!
I cant tell you how amazing/helpful this video was. Thanks so much. You earn yourself a sub
Glad you liked it. Thanks a lot for your comment. 😊
For some reason I can't get my input box to stop being a dark cube, but other than that, brilliant video. Great communication and easy to pick up for beginners like me - you've definitely got a sub from me!
But you used only html and CSS woww 😃 without javascript u made it ..👏🏻🔥
onclick="display.value +=
that is JS, Can't make it without JS
@@GreatStackDev sir I have questions that if you used javascript so why you don't use script tag and we don't have to give function in onclick , you not use query selector
Second confusion is display.value += 1 it is error because initially value is undefined
@@GreatStackDev ohh great, but can you give answer to the @ff entertainment..?
You've been very active lately...thanks for the tutorials and keep up the hard work. ✌
hope you will like this stopwatch tutorial too: th-cam.com/video/cO-qjCC_UYQ/w-d-xo.html
@@GreatStackDev thank you so much for the recommendation...already made my stopwatch using your video with some of my own enhancements and added it to my list of projects 😇
very nice .explained . if anybody having problem .pls rewatch it properly . most of the time it will help you
Hello I had a doubt
In css there is some code to align in centre of the web page a calculator but I had given a code according to the video in my lap but it's not working I have checked so many times . What's the reason!!
@@rajeshwaris1091 Brother , I stoped coding I dont remember
Thank you so much brother
I had seen so many videos but that videos program are getting any problem but
Your video helps me to to complete my college project
Once again a big thanks bro....
wow I've seen two other tutorials and some website tutorials and this one made it super damn easy. amazing video
glad you liked my tutorial. you will love this JS project too: th-cam.com/video/cO-qjCC_UYQ/w-d-xo.html
very simple and easy to learn thankyou so much please make many small project like this that enhance our java css html skills
Thank you.
It was a helpful tutorial to understand the concepts of JavaScript and use them in HTML.
But bro where is the Javascript
So helpful
Much appreciated🎉🎉
Great explanation, but you could have used value.slice(0,-1) in the deletion part to simplify the code, since it only captures the input and would be more functional without needing to declare a string and it would be better to handle the data. Creating methods and their values as parameters would be more readable instead of creating a variable and its value several times, it would make it easier to implement new features and maintain the program.
Thanks.
it works , thank you so much
Hello
Hi friends
I have.a problem please guide me
show it's not define and it's property is module can you help me
Hi I have a some problem please can you guide clearly I write display. Value in onclick event but the console error show it's not define and it's property is module can you help me
So sample and easy , Good job sir 👏👍
Woah this one was so much easier than what i made. Thank you!!!!!!!
Really very nice explanation and i feel ooo how much simple is this ☺thank you soo much broo 🎉🎉🎉
Thank you so much Sir. Enjoying every bit of your tutorial.
Please more for JavaScript
Thanks Musa, Hope you will like this too: th-cam.com/video/cO-qjCC_UYQ/w-d-xo.html
And More JavaScript projects here: th-cam.com/video/9LZGB3OLXNQ/w-d-xo.html
Best explanation Sir ❤
Glad you liked it. Thank You. 😊
Thank you so much. In about 19mins you summarized everything well. 🔥🎉
Though i realized something. It doesn't work if it has 00 before the decimal point it doesn't calculate
Anyway we could fix that?
Amazing, this channel is the best
I like how you approach at a concept with ease, great video content bro, be sure to receive a subscriber
Thank you so much for helping my Home work ❤
thank you for this, opened up my knowledge more about css!
Today you gave me one thing. The hardest thing is not doing it, but actually is my mind.
I am very much happy with your tutorial. Good commanding and easy process. But I want this calculator using script function option. Please do one more video.
Wow this video is amazing very simple to understand great content thank you sir
Nice Explaination Really Helpful 😁
Glad it helped, Thanks for comment
who else is here for assignment
Me😂😂
Me
me
Guys i have an doubt
Me
Great vedio i have learnt a lot from this vedio
nice video sir, its very eassy to understand javascript .
Thank you so much I'm literally learning from you
Happy to help
This is my 32nd project
I have completed it
If the calculation was done in JavaScript it will be very easy to limit the digits after the decimal
thank you. i'm apply your js idea on front end mentor design , it's working nicely
Thank you so much Avinash for this tutorial, This tutorial helped me understand JS very easily.
Glad you like this tutorial to make Calculator using JavaScript
Great job... Sir please we need lots of JavaScript videos
Excellent Tutorial😍😍
Thanks Danial, Glad you like this JavaScript calculator design tutorial
I like this video, It is easy to understand and easy to follow the code, I hope more easy HTML, CSS & Javascript tutorial or easy Full stack project for aspiring programmer people.
thanks your video is very simple 🙂🙂🙂
@GreatStackDev The worst part of these kinds of projects is none of the TH-camr is "explaining the logic step by step", "why they use that specific thing?", "what that specific thing do?", "how they can use JavaScript functions and methods in HTML itself and not write them in separate JS file and finish it off that easy??" !!!! For a super beginner like me who is unable to generate logic and needs help, is unable to understand anything!! Please explain me by creating new video and explaining the logic @GreatStackDev And others TH-camrs also do the same!!!
You need to learn javascript at first then come here start watching these videos🌚...... Whatever u don't understand google it and find out by yourself...... That's what a developer does..... Just google google and google.
True for a beginner is quite hard to understand
😅 come let me teach you.
I'm facing the same problem brother... How did u practice then... Help me a little too
@@assassin2640 give me ur email. I will email you a Google meet link & help you
Imp note : No javascript is used in this tutorial so if you are watching this to practice js then dont.
Love from america! this is awesome man
Working just fine ...nice tutorial 😀
thank you for your tutorial. what a wonderful tutorial, i love the way you teach 🙏🙏
Thanks Southisack, I am sure you will love this 30 Days - 30 JavaScript project playlist: th-cam.com/play/PLjwm_8O3suyOgDS_Z8AWbbq3zpCmR-WE9.html
Fantastic Video. WELL DONE!
Thank you very much!
great tutorial still I have seen ever. this tutorial very easy for beginers. thanks a lot bro
Thank you, quick and i learn more about html css js. Thank you
Glad it was helpful!
THIS JUST HELPED ME WITH MY WEEKLY PROJECT. Thank you so much🙌🏼 Hope to see more
It was amazing!
It's so interesting for computer students.
Glad you think so
Thank u sir it was very helpfull ❤❤❤❤❤
i think you should explain a bit while using some inbuilt function like in 14:47 rest was Awesome
Thank you sir it's very helpfull🙏
Most welcome
Nice video.. I really loved it.. ThankYou..💌
Sir please request thorha sa samja ke bana lo sir tutorials nice hai but jo bhi tag use karte ho us ka meaning purpose batawa our css ka bhi
Best regards sir you are the best love from Pakistan
Please start with this tutorial then it will be easy to understand all other tutorials
Wow thank you so much Sir 💓
Thanks Aryan, Glad you like this tutorial to make Calculator using JavaScript
Normally it was awesome as i;m following each lessons in telegram 😀
this really help me with my project thanks you.
it is really useful tutorial but i have some doubts that is we can write or click the operators more than one times simultaneously and this makes it non functional so you should verify it . but at all it is nice keep it up
Excellent 👌
Great video! Thank you for sharing. I was just wondering how would I got about separating all the JavaScript into a separate js file?
What an excellent tutorial!
Really an excellent tutorial video thanks a lot brother I have learned how to use HTML, CSS, and Js in realtime scenarios, Please do a lot of videos.
there is no doubt that this is very simple project but here is a bug in this project , we can select multiple operator at the same and it will through an error you should fixed that too in this video where we could select one operator at a time
In case of operators , you have to not use increment operator , use this one