Build a Calculator App in HTML, CSS & JavaScript 2022

remember to include this in your ValidateInput function to prevent users from entering multiple % sign.

if (value == "%" && last_input == "%") {
return false;
}

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('');
}

💞💞💞💞💞💞💞💓💓💓💓💕💓💓💓💓💓💓💓💕💓💓💕💓💓💓💓💓💓💓💓💓💓💓💓💓 well done

Thanks for sharing it really helps :-)

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

Time stamps would have been so much helpful >>>

Awesome video and great sense of humour too

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

Use toLocaleString() function on input, it will separate the result number with comma

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.

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

Very useful. Thanks

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

just use live server in vs-Code to see live preview of your code .

Great tutorial sir! 💚

what's ur vscode theme?

press option + ？get ➗

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

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.