how to build a simple calculator using javascript

แชร์
ฝัง
  • เผยแพร่เมื่อ 28 พ.ย. 2024

ความคิดเห็น • 222

  • @RanjanBeginnersGuide
    @RanjanBeginnersGuide  ปีที่แล้ว

    Learn how to create Student Management System : th-cam.com/video/-3W7t1Uh0vk/w-d-xo.html

  • @sandrachiamaka
    @sandrachiamaka 2 ปีที่แล้ว +5

    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

  • @JamesNyasulu-k3b
    @JamesNyasulu-k3b ปีที่แล้ว

    Wooooow you are a true teacher,, I am now a calculator developer................keep it up bro

  • @subratkarmacharya8125
    @subratkarmacharya8125 ปีที่แล้ว

    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

  • @funskate8850
    @funskate8850 ปีที่แล้ว +1

    Everyone on the internet teaches JavaScript,but your content delivery is up to the point.Great Work.

    • @RanjanBeginnersGuide
      @RanjanBeginnersGuide  ปีที่แล้ว

      I'm very grateful to you ♥️..please continue supporting ♥️

  • @TechNDev
    @TechNDev 2 ปีที่แล้ว

    finest calculator I have seen so far!

  • @timtech9361
    @timtech9361 2 ปีที่แล้ว +2

    That eval method literally saves you 50+ lines of code. Insane.

  • @koicel
    @koicel 2 ปีที่แล้ว

    What the heck!? Probably the best calculator guide out there. simple and working.

  • @ashantileigh2520
    @ashantileigh2520 10 หลายเดือนก่อน

    Your tutorial really made me more confident

  • @originaldammy32
    @originaldammy32 11 หลายเดือนก่อน

    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

    • @RanjanBeginnersGuide
      @RanjanBeginnersGuide  11 หลายเดือนก่อน

      Thank you 😊.. watch other videos from my channel too..

  • @njokuochafrancis3688
    @njokuochafrancis3688 ปีที่แล้ว +2

    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!.

  • @adventcoder_videopro
    @adventcoder_videopro 2 ปีที่แล้ว +1

    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..

  • @tapan...
    @tapan... ปีที่แล้ว +3

    It is easier than other tutorials out there! This tutorial was a great help 👍
    Thanks

  • @IamPetrus
    @IamPetrus ปีที่แล้ว

    Gracias! Greetings from Spain

  • @stephenbernard503
    @stephenbernard503 ปีที่แล้ว

    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

  • @eshw23
    @eshw23 2 ปีที่แล้ว

    Normally other tutorials have 100 lines of Js code for calculators thank you alot.

    • @RanjanBeginnersGuide
      @RanjanBeginnersGuide  2 ปีที่แล้ว

      Keep supporting

    • @eshw23
      @eshw23 2 ปีที่แล้ว

      @@RanjanBeginnersGuide Definitely will, here for JS content!!

  • @atinukeadeshola-manuels9364
    @atinukeadeshola-manuels9364 ปีที่แล้ว +1

    Beautifully explained video. Thank you for keeping it simple. Good job

  • @lochansingoria4430
    @lochansingoria4430 2 ปีที่แล้ว

    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

  • @asimiyuabdulmalik5269
    @asimiyuabdulmalik5269 ปีที่แล้ว

    😢explanation is thr best I'll surely subscribe and i hope this video reaches more people honestly..

    • @RanjanBeginnersGuide
      @RanjanBeginnersGuide  ปีที่แล้ว

      Please keep like and share it with your loved ones.. ❤️

  • @wajahatkvlogs4869
    @wajahatkvlogs4869 2 ปีที่แล้ว

    zabardast tutorial

  • @elizabetemichelledefreitas4941
    @elizabetemichelledefreitas4941 3 ปีที่แล้ว +7

    Thank you so much!!! This was brilliant and simple!!! It actually helped me to understand clearly. Can't wait to watch your next tutorial.

  • @hafizehtisham7534
    @hafizehtisham7534 ปีที่แล้ว

    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!

    • @RanjanBeginnersGuide
      @RanjanBeginnersGuide  ปีที่แล้ว

      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.

  • @petarpetrov5964
    @petarpetrov5964 2 ปีที่แล้ว +1

    Thank you men you are my teacher

  • @alphakurd8850
    @alphakurd8850 2 ปีที่แล้ว +2

    The way you explain to us is amazing ❤ what a guy ... pls keep share tutorials for beginners 👏🏼👏🏼

  • @gichuhisamuel4387
    @gichuhisamuel4387 ปีที่แล้ว +1

    Bless up ❤❤ I wish you were my teacher,sir do you have online classes please

    • @RanjanBeginnersGuide
      @RanjanBeginnersGuide  11 หลายเดือนก่อน

      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

  • @aditya__exe
    @aditya__exe 2 ปีที่แล้ว

    Well, I don't know about Javascript, but do appreciate the UI👏👏👏

  • @PavaniJ-e6w
    @PavaniJ-e6w ปีที่แล้ว

    thank you sir !your explanation is very nice to understand🤗

  • @Deepak-ex2bv
    @Deepak-ex2bv ปีที่แล้ว +1

    What a awesome way of making such a marvelous calculator!
    It helped me a lot,
    Thank you 🙂🙂

  • @tamilcinemanews4281
    @tamilcinemanews4281 ปีที่แล้ว

    Wonderful explanation 🎉

  • @ibntofajjal
    @ibntofajjal 3 ปีที่แล้ว +1

    I never thought it would be so easy. Thanks Man😘

  • @upendran9744
    @upendran9744 3 ปีที่แล้ว +1

    Thanks for sharing the awesome content Ranjan.. keep up the good work 👍

  • @aqibahmad1536
    @aqibahmad1536 ปีที่แล้ว

    excellent 👍👍👍👍👍👍 super

  • @innocentbyiringiro7698
    @innocentbyiringiro7698 2 ปีที่แล้ว

    What an easy vid! I totally get it now sir. Thanks.

  • @vicentegarcia9562
    @vicentegarcia9562 3 ปีที่แล้ว

    You are amazing bro!! so clear so good man you deserve a price!

  • @uzeetv7767
    @uzeetv7767 2 ปีที่แล้ว

    You deserve more subscribers!! You finally taught me how to make calculator. Bro, please also teach with Classes and without eval.

  • @sparsh-0384
    @sparsh-0384 ปีที่แล้ว

    simple and well explained 👍

  • @riyazkaleem258
    @riyazkaleem258 3 ปีที่แล้ว

    easy to understand and helpful, please make more videos like this.

  • @hindrikounpuu147
    @hindrikounpuu147 3 ปีที่แล้ว

    Great video

  • @mr_rey000
    @mr_rey000 3 ปีที่แล้ว

    its so easy and wonderfull thank u soo much youtuber

  • @utkarshabhole2506
    @utkarshabhole2506 2 ปีที่แล้ว

    Thank you so much !! help me to understand clearly...explanation is very simple and understandable....Thank you so much

    • @RanjanBeginnersGuide
      @RanjanBeginnersGuide  2 ปีที่แล้ว

      You are welcome!...Watch the Simplified version here th-cam.com/video/1D619pLbRro/w-d-xo.html

  • @dominiquenelson8733
    @dominiquenelson8733 ปีที่แล้ว

    What was that quick hack you did and 14:55 when you added onclick to all the buttons simultaneously?

    • @RanjanBeginnersGuide
      @RanjanBeginnersGuide  ปีที่แล้ว

      Kindly pause and watch the video carefully...there is no hack by the way . 😂

  • @anshaaisha2477
    @anshaaisha2477 3 ปีที่แล้ว

    Thanks for the simple explanations.

  • @osamugaming1807
    @osamugaming1807 ปีที่แล้ว

    thanks dude, I really like your content you explain every details compare to other tutorial yours is much easier.

  • @Love-i4h2c
    @Love-i4h2c ปีที่แล้ว

    thank you so much sir!!!!

  • @ronilynabril5170
    @ronilynabril5170 3 ปีที่แล้ว +1

    Thank you for sharing, it is very understandable.

  • @lifeinafrica3667
    @lifeinafrica3667 2 ปีที่แล้ว

    This is awesome. Keep doing it man😍👍

  • @nikolayminkov364
    @nikolayminkov364 2 ปีที่แล้ว

    That is brilliant &
    Fantastic presentation
    Thank you very much

  • @jonathanchipande3981
    @jonathanchipande3981 3 ปีที่แล้ว

    Awesome tutorial

  • @nothing-ct6dn
    @nothing-ct6dn 2 ปีที่แล้ว

    Thank it's really easy to understand ☺️

  • @ehtishamnaveed1639
    @ehtishamnaveed1639 ปีที่แล้ว

    what else can i do instead of writing 'onclink=calclulate()' on every single button ?
    How can i make calculate as a reusable component?

  • @webphame
    @webphame ปีที่แล้ว

    Amazing! thanks

  • @onpoint755
    @onpoint755 2 ปีที่แล้ว +1

    Sir plz make more projects like resume portfolio

  • @priyadharshinimuthukumar8970
    @priyadharshinimuthukumar8970 3 ปีที่แล้ว

    thank you so much sir...it helps me to understand the logic

  • @burgersteak_
    @burgersteak_ 2 ปีที่แล้ว

    Thank you for this tutorial it really helps me a lottt :)

  • @MounikaUmmidi
    @MounikaUmmidi ปีที่แล้ว

    Thank you so much !!!

    • @RanjanBeginnersGuide
      @RanjanBeginnersGuide  ปีที่แล้ว

      Thank you..Please Share the videos with the people who are in need..

  • @muhammad.hameem
    @muhammad.hameem ปีที่แล้ว

    There should be code which should not allow two operations written consecutively

  • @alulaesayas2368
    @alulaesayas2368 ปีที่แล้ว

    You the best

  • @madrinsx8770
    @madrinsx8770 2 ปีที่แล้ว

    Dude ..ur the best 👌 u just made a difficult task easy .. subscribed 🥳

  • @nirajmurmu2908
    @nirajmurmu2908 3 ปีที่แล้ว

    Great sir,
    I've learn many things thanks

  • @navenrajah6030
    @navenrajah6030 3 ปีที่แล้ว

    On point with explanations.

  • @matthiasmatanda4295
    @matthiasmatanda4295 2 ปีที่แล้ว

    This was nice my friend, you made it very simple than going a long way, keep it up!

  • @Iamnoone56
    @Iamnoone56 2 ปีที่แล้ว

    thanks a lot done with the project learned a lot !

  • @ezehchika289
    @ezehchika289 2 ปีที่แล้ว

    Brillant way! Very well understood. You made it so easy...thanks

  • @DeoGracious-t2w
    @DeoGracious-t2w 3 หลายเดือนก่อน

    Thax 4 yo service am deo
    How can i do to improve my ict programming🎉🎉🎉🎉🎉

    • @RanjanBeginnersGuide
      @RanjanBeginnersGuide  3 หลายเดือนก่อน

      More practice can help you to be a better programmer

  • @csherms289
    @csherms289 2 ปีที่แล้ว +1

    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.

    • @RanjanBeginnersGuide
      @RanjanBeginnersGuide  ปีที่แล้ว +1

      Thank you ☺️.. yes it is a bad practice to use eval..I used it for the tutorial purposes

  • @PreetiSharma-fu2ni
    @PreetiSharma-fu2ni 2 ปีที่แล้ว

    Good, thankq so much👍👍

  • @hezronkiprop2391
    @hezronkiprop2391 2 ปีที่แล้ว

    Awesome

  • @mydogisblind8403
    @mydogisblind8403 2 ปีที่แล้ว

    Very nice video, you explain everything as much as needed!

  • @Alan-ox2hp
    @Alan-ox2hp 3 ปีที่แล้ว

    nice one, thanks

  • @dcjibo
    @dcjibo 2 ปีที่แล้ว

    A very good video. Very clear explanations. This is just great. Do you have any other videos you have made?

  • @festuschibuzor7405
    @festuschibuzor7405 2 ปีที่แล้ว

    great work but you forgot to give abox shadow to the div hoilding the button

    • @RanjanBeginnersGuide
      @RanjanBeginnersGuide  2 ปีที่แล้ว

      Thank you.... sorry for that

    • @festuschibuzor7405
      @festuschibuzor7405 2 ปีที่แล้ว

      @@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

  • @Eudinhow
    @Eudinhow 3 ปีที่แล้ว

    Amazing, thank you very much!

  • @dhanishali5807
    @dhanishali5807 ปีที่แล้ว

    Thank you it helped a lot.. but i think you missed to prgram "%" .. can you please explain how to do that?

  • @kirtidesai6456
    @kirtidesai6456 2 ปีที่แล้ว

    thank you sirrrr

  • @ngeneprecious1977
    @ngeneprecious1977 3 ปีที่แล้ว

    Thank you!!!!!!!!!

  • @jaimebee4752
    @jaimebee4752 2 ปีที่แล้ว

    Hello thank you soo much for the interactive course everything works except for the % please can you help me?

    • @RanjanBeginnersGuide
      @RanjanBeginnersGuide  2 ปีที่แล้ว

      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

  • @RanjitSingh-bm7rn
    @RanjitSingh-bm7rn 2 ปีที่แล้ว

    Can you teach offline of js?

  • @UjjwalGamed
    @UjjwalGamed ปีที่แล้ว

    sir bina eval function k kaise krenge

  • @tina-ct4kf
    @tina-ct4kf ปีที่แล้ว

    how would I calculate with the percent button? it doesn't do anything in my calculator when I click on the equal button :(

    • @albaqobe
      @albaqobe ปีที่แล้ว

      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;
      }

    • @albaqobe
      @albaqobe ปีที่แล้ว

      and on the button:
      onclick = "perccentage()"

    • @albaqobe
      @albaqobe ปีที่แล้ว

      that should fix it

  • @perfectionchizuruoke6207
    @perfectionchizuruoke6207 2 ปีที่แล้ว

    I heard eval is not a good option for beginners..I’m curious tho

    • @RanjanBeginnersGuide
      @RanjanBeginnersGuide  2 ปีที่แล้ว

      Indeed it's not a best practice..I used it for demonstration purpose

  • @RanjanBeginnersGuide
    @RanjanBeginnersGuide  2 ปีที่แล้ว

    Hello Guys, I have recently simplified this Calculator Application: You can check the video in the link below"
    th-cam.com/video/1D619pLbRro/w-d-xo.html
    Keep supporting me as you always do. please Like, Share, and subscribe to the channel

  • @tincythomas4329
    @tincythomas4329 2 ปีที่แล้ว

    Sir How to clear screen automatically when we press another button after getting answer?

    • @RanjanBeginnersGuide
      @RanjanBeginnersGuide  2 ปีที่แล้ว

      For you to clear the input field..you have to use C button

  • @prabinhudeomaharjan
    @prabinhudeomaharjan 2 ปีที่แล้ว

    it was really simple and easy to understand
    unfortunately, i was unable to use the "%" calculation

  • @P00ters1
    @P00ters1 2 ปีที่แล้ว

    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.

    • @RanjanBeginnersGuide
      @RanjanBeginnersGuide  2 ปีที่แล้ว +1

      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

  • @dkaileyeditz303
    @dkaileyeditz303 3 ปีที่แล้ว

    Hello Sir,What software do you use for coding?
    Can I install in mobile.

  • @justnbody.5934
    @justnbody.5934 2 ปีที่แล้ว

    Can i know the name of this vscode theme ?

  • @rajramani4691
    @rajramani4691 2 ปีที่แล้ว

    add to cart system make tutorial please

  • @EvanskwameGakpo
    @EvanskwameGakpo 2 หลายเดือนก่อน

    your too much ❤❤❤❤❤

  • @БлиндуВадим
    @БлиндуВадим 2 ปีที่แล้ว +1

    thx

    • @RanjanBeginnersGuide
      @RanjanBeginnersGuide  2 ปีที่แล้ว

      Please do subscribe the channel for more tutorials..🙏

  • @ayshafarhana4103
    @ayshafarhana4103 2 ปีที่แล้ว

    Hai, for me the digits are not works when clicking could you suggest me the reason

  • @lovelycat4951
    @lovelycat4951 2 ปีที่แล้ว

    nice explain but in javascript eval is dangerous.

  • @yogeshwaran809
    @yogeshwaran809 ปีที่แล้ว

    When I use getElementsByClassName instead of Id it does not work why...

  • @onpoint755
    @onpoint755 2 ปีที่แล้ว +2

    Sir Result arrow function is empty how he return +_*/🙄

    • @RanjanBeginnersGuide
      @RanjanBeginnersGuide  2 ปีที่แล้ว +1

      Try this simple video.
      th-cam.com/video/1D619pLbRro/w-d-xo.html

  • @serialstar4802
    @serialstar4802 2 ปีที่แล้ว

    Where you are typing program
    Name of app please 🥺🥺

  • @dkaileyeditz303
    @dkaileyeditz303 3 ปีที่แล้ว

    How can I convert this calculator into an app?

    • @RanjanBeginnersGuide
      @RanjanBeginnersGuide  3 ปีที่แล้ว

      Many ways.. one of them is, you use heroku free hosting website and deploy

  • @tajjammulhussain
    @tajjammulhussain 3 ปีที่แล้ว

    Thanks for this. Is there a way to contact you please?

    • @tajjammulhussain
      @tajjammulhussain 2 ปีที่แล้ว

      Sorry, I meant to ask for an email id to contact you. I have a few things i would like to discuss

  • @soumyaranjansahoo5199
    @soumyaranjansahoo5199 11 หลายเดือนก่อน

    why did u ignore tht % sign?

    • @RanjanBeginnersGuide
      @RanjanBeginnersGuide  11 หลายเดือนก่อน

      Please check the pinned comment line

    • @soumyaranjansahoo5199
      @soumyaranjansahoo5199 11 หลายเดือนก่อน

      @@RanjanBeginnersGuide can u plz recommend me code for percentage ,i have tried everything nohing workdls

  • @kpujarao3601
    @kpujarao3601 ปีที่แล้ว

    19:46 when I'm trying to click on any number it's not working anybody pls help me wt to do

  • @lishaczek1727
    @lishaczek1727 2 ปีที่แล้ว

    I mean… idk why, but I can´t make the = button take the two spaces. Strange

    • @RanjanBeginnersGuide
      @RanjanBeginnersGuide  2 ปีที่แล้ว

      Kindly follow the steps

    • @lishaczek1727
      @lishaczek1727 2 ปีที่แล้ว +1

      @@RanjanBeginnersGuide tried, but it's okay now, I've put something next to the class in the html code, it is alright now

    • @RanjanBeginnersGuide
      @RanjanBeginnersGuide  2 ปีที่แล้ว

      @@lishaczek1727 I am glad

    • @lishaczek1727
      @lishaczek1727 2 ปีที่แล้ว

      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 :/

  • @lestidhyah
    @lestidhyah 2 ปีที่แล้ว

    why i can't click my button?

    • @RanjanBeginnersGuide
      @RanjanBeginnersGuide  2 ปีที่แล้ว

      Can't click? How come? Did you set the function calling?