Build a Calculator App in HTML, CSS & JavaScript 2022

  Рет қаралды 69,989

Tyler Potts

Tyler Potts

Күн бұрын

Пікірлер: 36
@HayWhy_Pappy
@HayWhy_Pappy 2 жыл бұрын
This is by far the best channel with great mini projects for getting better at coding. Tyler Potts is the best.
@jom499
@jom499 4 ай бұрын
Excellent tutorial, In addition to basic JS stuff, shows how to manipulate inputs, using various string methods. Thank you.
@Darkest_of_Winter
@Darkest_of_Winter 2 жыл бұрын
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.
@kukunase1686
@kukunase1686 Жыл бұрын
Awesome video and great sense of humour too
@neozoid7009
@neozoid7009 Жыл бұрын
22:25 ~ js part 03:32 ~ Html Divs 06:07 ~ Css Start
@welson9922
@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
@berniceyap3897 9 ай бұрын
sry mate i cant understand ur code, can u explain it?
@codehal
@codehal Жыл бұрын
Great tutorial sir! 💚
@webprogrammingtutorials-alo69
@webprogrammingtutorials-alo69 Жыл бұрын
Very useful. Thanks
@YousefShaker0
@YousefShaker0 4 ай бұрын
What is your app to programming
@susanafernandez4164
@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
@GiorgiTarielashvili 9 ай бұрын
Probaly bugs
@sagaibrahim6178
@sagaibrahim6178 Жыл бұрын
one thing i noticed is when a decimal is too large, the output goes a little off screen
@bresmanvargas7618
@bresmanvargas7618 Жыл бұрын
1 ÷ 0 In,fin,ity
@kapuramanisoren7647
@kapuramanisoren7647 Жыл бұрын
Thanks for sharing it really helps :-)
@welson9922
@welson9922 Жыл бұрын
remember to include this in your ValidateInput function to prevent users from entering multiple % sign. if (value == "%" && last_input == "%") { return false; }
@xzvxzvr
@xzvxzvr 5 ай бұрын
after which part do you put this at
@fatinfuyad2816
@fatinfuyad2816 Жыл бұрын
Very useful, video,, . , ❤. I enjoyed the logics, this is one of the best beginners project
@ЕвгенийМалый-ш9ф
@ЕвгенийМалый-ш9ф Жыл бұрын
Thank you very much for your video. How can I save data to localstorage?
@TylerPotts
@TylerPotts Жыл бұрын
I have a few videos on localstorage on my channel! Hopefully they can help.
@RAYOFSUNTHEFIRST.
@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
@Arebamasrura_z Жыл бұрын
same here
@RAYOFSUNTHEFIRST.
@RAYOFSUNTHEFIRST. Жыл бұрын
@@Arebamasrura_z i think u should save the files in order to see changes!
@xspl_
@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
@RUZERT
@RUZERT Жыл бұрын
20:06
@neozoid7009
@neozoid7009 Жыл бұрын
Time stamps would have been so much helpful >>>
@notedbongo
@notedbongo Жыл бұрын
13:58
@needlesandpins1701
@needlesandpins1701 Жыл бұрын
what's ur vscode theme?
@marcoantoniovalencia8694
@marcoantoniovalencia8694 Жыл бұрын
F
@excusemewhat7809
@excusemewhat7809 Жыл бұрын
SynthWave '84
@LS-dh6dh
@LS-dh6dh 8 ай бұрын
How do I delete my account
@berniceyap3897
@berniceyap3897 9 ай бұрын
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)
@rockydog7574
@rockydog7574 Жыл бұрын
I turned 3 minutes into 40 minutes 😂 and this vid is not for slow type people to make😅
@junderfitting8717
@junderfitting8717 2 жыл бұрын
press option + ?get ➗
Build this JS calculator in 15 minutes! 🖩
15:20
Bro Code
Рет қаралды 706 М.
Create a Responsive Calculator in HTML CSS & JavaScript
12:43
CodingLab
Рет қаралды 96 М.
The evil clown plays a prank on the angel
00:39
超人夫妇
Рет қаралды 53 МЛН
Каха и дочка
00:28
К-Media
Рет қаралды 3,4 МЛН
How To Make A Calculator Using HTML CSS And JavaScript
19:01
GreatStack
Рет қаралды 953 М.
ASMR Programming - Weather App With Javascript - No Talking
20:30
AsmrProg
Рет қаралды 2,9 МЛН
ASMR Programming - Calculator App Coding - No Talking
34:06
AsmrProg
Рет қаралды 5 МЛН
Subtle, yet Beautiful Scroll Animations
5:04
Beyond Fireship
Рет қаралды 1,8 МЛН
The Dome Paradox: A Loophole in Newton's Laws
22:59
Up and Atom
Рет қаралды 767 М.
Build a Camera App in Vue JS
18:55
Tyler Potts
Рет қаралды 3,8 М.
The evil clown plays a prank on the angel
00:39
超人夫妇
Рет қаралды 53 МЛН