how to build a simple calculator using javascript
Vložit
- čas přidán 24. 06. 2021
- This is a simple calculator tutorial using HTML, CSS and Javascript. The logic is very simple with the minimum lines of code possible. This is a step by step tutorial for beginners. Including a simple design and logic that's easy to follow.
Learn how to create Student Management System : • Student Management sys...
how to build a simple calculator using javascript
Build COVID-19 Application: • Build a COVID-19 Track...
Build weather Application: • 5-Days Weather Applica...
Animated Text: • CSS Text Typing Animat...
JS console Methods: • Top useful JavaScript ...
Javascript Real-time- Projects: • JavaScript Real-Time P...
HTML CSS projects : • HTML and CSS Projects
JavaScript full: • JavaScript Tutorial fo...
Java Tutorial: • Core Java
C++ Tutorial : • C++ Tutorials
JavaScript Array Methods: • Complete Array Methods...
#calculator
#javascript
#html
#css
#responsivewebsite
Learn how to create Student Management System : czcams.com/video/-3W7t1Uh0vk/video.html
Honestly speaking, this is the most interactive course I’ve had in a long time. It simplified these functions and I found myself responding and understanding all of it.
I’m definitely sharing this to my frienfs
Thank you soon much..much appreciated 👍
This is the best and the most simplified calculate video I’ve ever watched. I’ve subscribed to your channel because of this video. Very good work
It is easier than other tutorials out there! This tutorial was a great help 👍
Thanks
I'm Great ful . Please share and subscribe
That eval method literally saves you 50+ lines of code. Insane.
What the heck!? Probably the best calculator guide out there. simple and working.
Thank you...keep supporting
What an easy vid! I totally get it now sir. Thanks.
god level video bro.. i got 0 error for the first time in a while while doing project from youtube.. your one is clear af thank you
I'm grateful for this love 😍
Everyone on the internet teaches JavaScript,but your content delivery is up to the point.Great Work.
I'm very grateful to you ♥️..please continue supporting ♥️
Thank you so much!!! This was brilliant and simple!!! It actually helped me to understand clearly. Can't wait to watch your next tutorial.
Thank you for the feedback ☺️
BRO I KNOW IM LATE BY A YEAR, BUT YOUR EXPLAINATION IS THE BEST SO FAR...KEEP DOING THESE TUTORIALS YOU'RE REALLY A BLESSING TO HUMANITY..
Means a lot
Thanks for sharing the awesome content Ranjan.. keep up the good work 👍
Sure machi👍
The way you explain to us is amazing ❤ what a guy ... pls keep share tutorials for beginners 👏🏼👏🏼
Thank you so much
thanks a lot done with the project learned a lot !
You are really a good teacher, I really understood some concepts of JavaScript through this video unlike other tutorials where codes are written fast without clear explanation, more grace ahead sir!.
Thank you so much for your kindness
I never thought it would be so easy. Thanks Man😘
You are welcome 😉
This was nice my friend, you made it very simple than going a long way, keep it up!
Thank you..❤️
Beautifully explained video. Thank you for keeping it simple. Good job
Thank you ☺️
Thank you thank you so much😭
I was not getting the right video to understand each and every command and here's the easiest explanation ever
Keep making more videos please we need a mentor like you
Thank you so much 💖..keep supporting me
its so easy and wonderfull thank u soo much youtuber
Brillant way! Very well understood. You made it so easy...thanks
Thank you so much
You are amazing bro!! so clear so good man you deserve a price!
Thank you for the love.. keep supporting
Very nice video, you explain everything as much as needed!
Thank you
What a awesome way of making such a marvelous calculator!
It helped me a lot,
Thank you 🙂🙂
Thank you bro..keep supporting me
finest calculator I have seen so far!
Thank you ☺️
Amazing, thank you very much!
Keep supporting bro ❤️
Thanks for the simple explanations.
You are welcome
This is awesome. Keep doing it man😍👍
Gracias! Greetings from Spain
I'm grateful.. greetings to you 😚
Your tutorial really made me more confident
Keep supporting me
thank you so much sir!!!!
Thank you for sharing, it is very understandable.
I'm glad that you liked it ❤️
thanks dude, I really like your content you explain every details compare to other tutorial yours is much easier.
Thanks bro...keep supporting ♥️
Thank you so much !! help me to understand clearly...explanation is very simple and understandable....Thank you so much
You are welcome!...Watch the Simplified version here czcams.com/video/1D619pLbRro/video.html
That is brilliant &
Fantastic presentation
Thank you very much
Thank you 😊
easy to understand and helpful, please make more videos like this.
Sure thanks
thank you so much sir...it helps me to understand the logic
You are most welcome madam.
Thank you!!!!!!!!!
Awesome tutorial
On point with explanations.
Thank you ❤️
Thank you so much !!!
Thank you..Please Share the videos with the people who are in need..
One of the best tutorials I've watched so far, the fact he says "I hope you understand" after a few steps shows that he really wants us to understand what the code actually does... I learnt a lot and followed along, my calculator works too... It's kinda like my first ever finished project
Thank you 😊.. watch other videos from my channel too..
Wooooow you are a true teacher,, I am now a calculator developer................keep it up bro
Keep supporting me 😊
Thank you men you are my teacher
I thank you.. please do share and subscribe the channel
Hello buddy ... It's just an awesome tutorial furr developing a basic calculator on you tube... I learned each n everything so clearly n Yuh explained everything so cleanely... Thnkew so much ...keep blossoming dude!
Thank you so much dude..i really appreciate it..keep watching my videos and share them with your loved ones who are in need of these types of videos.
😢explanation is thr best I'll surely subscribe and i hope this video reaches more people honestly..
Please keep like and share it with your loved ones.. ❤️
nice one, thanks
Dude ..ur the best 👌 u just made a difficult task easy .. subscribed 🥳
Thank you 💕..please keep sharing this video..❤️
Amazing! thanks
Thank you
You deserve more subscribers!! You finally taught me how to make calculator. Bro, please also teach with Classes and without eval.
Definitely bro...I will do that.. keep supporting
thank you sir !your explanation is very nice to understand🤗
Keep supporting me
Wonderful explanation 🎉
Thank you 💞
Normally other tutorials have 100 lines of Js code for calculators thank you alot.
Keep supporting
@@RanjanBeginnersGuide Definitely will, here for JS content!!
Thank you for this tutorial it really helps me a lottt :)
You are most welcome and keeping supporting me
Thank it's really easy to understand ☺️
I'm glad that you liked it ☺️
A very good video. Very clear explanations. This is just great. Do you have any other videos you have made?
Kindly check my playlist. They are lot like this
simple and well explained 👍
Thank you ☺️
Great sir,
I've learn many things thanks
I'm glad❤️
Good, thankq so much👍👍
Welcome
what else can i do instead of writing 'onclink=calclulate()' on every single button ?
How can i make calculate as a reusable component?
zabardast tutorial
Thank you
What was that quick hack you did and 14:55 when you added onclick to all the buttons simultaneously?
Kindly pause and watch the video carefully...there is no hack by the way . 😂
Well, I don't know about Javascript, but do appreciate the UI👏👏👏
Keep supporting
Great video
You the best
Thank you ☺️..keep supporting ♥️
Man, awesome explanations for everything. One question though, isn't it generally considered bad practice to use eval? I heard that it can leave your code open to hackers to mess with your website if you use it.
Thank you ☺️.. yes it is a bad practice to use eval..I used it for the tutorial purposes
There should be code which should not allow two operations written consecutively
excellent 👍👍👍👍👍👍 super
Thank you boss
thank you sirrrr
You are welcome
Bless up ❤❤ I wish you were my teacher,sir do you have online classes please
I greatly appreciate your gesture.. please watch my playlist for different programming languages and let me know if you need any private lessons on a affordable price
Can you teach offline of js?
Awesome
Thank you
Sir plz make more projects like resume portfolio
Definitely
thx
Please do subscribe the channel for more tutorials..🙏
Thank you it helped a lot.. but i think you missed to prgram "%" .. can you please explain how to do that?
Please rewatch...it's there
sir bina eval function k kaise krenge
it was really simple and easy to understand
unfortunately, i was unable to use the "%" calculation
Hello Sir,What software do you use for coding?
Can I install in mobile.
I'm using vscode text editor.. yes of course you can.
Hello thank you soo much for the interactive course everything works except for the % please can you help me?
Hi there..I'm glad you liked it..did you follow every steps? Kindly go through the code once again..or kindly check my pinned comment there is another tutorial on the same
great work but you forgot to give abox shadow to the div hoilding the button
Thank you.... sorry for that
@@RanjanBeginnersGuide so please can you send the css of how to make the full calculator stand out like the one you're using as a reference in the video because the one made in the video and the one you're using as a reference are not all the same just a little difference. Please check. I put box shadow in the container css but it did not work
19:46 when I'm trying to click on any number it's not working anybody pls help me wt to do
how would I calculate with the percent button? it doesn't do anything in my calculator when I click on the equal button :(
I just had the same problem. instead of using calculate function on % button I made another function he is my solution:
let percentage = ()=>{
result.value=result.value/100;
}
and on the button:
onclick = "perccentage()"
that should fix it
add to cart system make tutorial please
Definitely
i heard(from the course i am taking) its bad to use the eval() function. why is it so bad? they told me dont worry about it and dont use it for now and theyll explain more later in the course.
Yes it's not a best practice to use eval method.. if you want to know the reason please read the following documentation
developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/eval
Sir How to clear screen automatically when we press another button after getting answer?
For you to clear the input field..you have to use C button
When I use getElementsByClassName instead of Id it does not work why...
Use getelementByID
Can i know the name of this vscode theme ?
Dark( default dark)
I heard eval is not a good option for beginners..I’m curious tho
Indeed it's not a best practice..I used it for demonstration purpose
Sir Result arrow function is empty how he return +_*/🙄
Try this simple video.
czcams.com/video/1D619pLbRro/video.html
Hai, for me the digits are not works when clicking could you suggest me the reason
Could you please check the functions
nice explain but in javascript eval is dangerous.
I agree 👍
Hello Guys, I have recently simplified this Calculator Application: You can check the video in the link below"
czcams.com/video/1D619pLbRro/video.html
Keep supporting me as you always do. please Like, Share, and subscribe to the channel
Bro kiya source code nahi de skte ho kiya 😀
Help me sir plz 🥺😩
I mean… idk why, but I can´t make the = button take the two spaces. Strange
Kindly follow the steps
@@RanjanBeginnersGuide tried, but it's okay now, I've put something next to the class in the html code, it is alright now
@@lishaczek1727 I am glad
Well, that got fixed, but I can´t seem to find out the failure of my js… Got a week left I tried following your steps, but it doesn´t seem to work :/
why i can't click my button?
Can't click? How come? Did you set the function calling?
Thanks for this. Is there a way to contact you please?
Sorry, I meant to ask for an email id to contact you. I have a few things i would like to discuss
why did u ignore tht % sign?
Please check the pinned comment line
@@RanjanBeginnersGuide can u plz recommend me code for percentage ,i have tried everything nohing workdls
How can I convert this calculator into an app?
Many ways.. one of them is, you use heroku free hosting website and deploy
its not coming same designing
Please follow the steps carefully