Build a Calculator App in HTML, CSS & JavaScript 2022

Learn how to build a calculator web app in html, css and javascript 2022!
Source code: github.com/TylerPottsDev/yt-j...
// JOIN THE DISCORD SERVER!
/ discord
// BECOME A MEMBER TO UNLOCK MORE CONTENT!
th-cam.com/users/tylerpottsjoin
// MY GEAR FOR CODING AND TH-cam
Blue Yeti Microphone: amzn.to/3jr3l7T
Microphone Stand: amzn.to/35B9LMN
Chair: amzn.to/3dWds3F
Thunderbolt Dock: amzn.to/3osBF6u
Monitor: amzn.to/37I8KoR
Screenbar Light: amzn.to/3iFRS7w
All of these products I own and have tested!
// FOLLOW ME ON TWITTER
/ tyler_potts_
// INTERESTED IN GAME DEV?
Game development channel: / muddywolf
// CHECK OUT MY GAME
play.google.com/store/apps/de...
// DO THESE SIMPLE STEPS
LIKE, SUBSCRIBE & SHARE

[@HayWhy_Pappy]

This is by far the best channel with great mini projects for getting better at coding. Tyler Potts is the best.

[@codehal]

Great tutorial sir! 💚

[@kukunase1686]

Awesome video and great sense of humour too

[@webprogrammingtutorials-alo69]

Very useful. Thanks

[@kapuramanisoren7647]

Thanks for sharing it really helps :-)

[@Darkest_of_Winter]

I've learned so much from this video and the todo list video! I had a question on how to store those tasks from your todo vid. Hopefully you got the email.

[@fatinfuyad2816]

Very useful, video,, . , ❤. I enjoyed the logics, this is one of the best beginners project

[@xspl_]

for the css part, when i clicked ctrl+s to save it and i went to my html file thingy, i didnt see anything save

[@neozoid7009]

22:25 ~ js part
03:32 ~ Html Divs
06:07 ~ Css Start

[@user-eb6yb7ck6v]

Thank you very much for your video. How can I save data to localstorage?

[@TylerPotts]

I have a few videos on localstorage on my channel! Hopefully they can help.

[@berniceyap3897]

i've come across this problem where user can input multiple decimal. i've tried to optimize the validateinput to
if( value == "." && last_input == "." || value == "." && input.lastIndexOf(operators)

[@susanafernandez4164]

it didn't work for me .. i mean the timer is not working ... neither in my local laptop nor in the server .. wonder why ... because i just downloaded the whole folder from github and tested it.

[@GiorgiTarielashvili]

Probaly bugs

[@sagaibrahim6178]

one thing i noticed is when a decimal is too large, the output goes a little off screen

[@bresmanvargas7618]

1 ÷ 0
In,fin,ity

[@welson9922]

remember to include this in your ValidateInput function to prevent users from entering multiple % sign.
if (value == "%" && last_input == "%") {
return false;
}

[@xzvxzvr]

after which part do you put this at

[@RAYOFSUNTHEFIRST.]

when I opened the index htmp it didn't show me the numbers etc.. and when I recheck my code I did exactly the same things, can u help me know where I must've went wrong?

[@Arebamasrura_z]

same here

[@RAYOFSUNTHEFIRST.]

@@Arebamasrura_z i think u should save the files in order to see changes!

[@neozoid7009]

Time stamps would have been so much helpful >>>

[@LS-dh6dh]

How do I delete my account

[@notedbongo]

13:58

[@RUZERT]

20:06

[@rockydog7574]

I turned 3 minutes into 40 minutes 😂 and this vid is not for slow type people to make😅

[@needlesandpins1701]

what's ur vscode theme?

[@marcoantoniovalencia8694]

F

[@excusemewhat7809]

SynthWave '84

[@welson9922]

In case nobody noticed, if the first number is 0 then the calculation will be completely wrong, for example 021 + 2 will return 19 when it should be 23. Make sure to correct the typo in the "PerpareInput" function that he wrote then just replace the entire PrepareInput function with this
function PrepareInput(input) {
// Replace percentages with their decimal equivalent
let preparedInput = input.replace(/%/g, "/100");
// Split the input into individual tokens
let tokens = preparedInput.match(/(\d+\.\d+|\d+|\S)/g) || [];
// Process each token to remove leading zeros in numbers
for (let i = 0; i < tokens.length; i++) {
if (!isNaN(tokens[i]) && tokens[i][0] === '0' && tokens[i].length > 1 && tokens[i][1] !== '.') {
tokens[i] = tokens[i].replace(/^0+/, '');
}
}
return tokens.join('');
}

[@berniceyap3897]

sry mate i cant understand ur code, can u explain it?

[@junderfitting8717]

press option + ？get ➗