The project was quite a big one. I had lots of fun bulding this and learnt a lot. It looks like my JS syntaxes are too long as I had to repeat some blocks of code. If you do go through my repository and have any idea on how I can chunk it down, please do inform me.
When you preview the live site, if anything is not working as it should, do let me know. Thanks :)
This is my solution to this Calculator App, help me review it and check its responsiveness.
I used input[type=range] for my theme slider and that made my code longer as I had to override the default browser styling for different browsers (Firefox and Edge not working as expected).
My approach was to change the body class whenever the range value changes. I've commented some block of code that is meant to get the theme from the local storage and set the theme to the corresponding value. The code is currently not working, the theme returns to default on refreshing the page.
I also have an issue with the functionality, I want to prevent the keydown of "." twice in a single operand and also change the inner text of the answer screen to 'Syntax Error' when the user enters operators in an illogical order. If you view my calculator.js file, you're going to see the regex I commented out, some of the test cases failed.
How do I fix this? Regex?
Hi, pleaase let me know how I can improve my codes. Thanks @elaineleung for your comment on creating a pixel perfect design. It did help me to work this project.
I found it difficult sizing the social media icons, please inform me of a better way to do this. What do you think I did wrong and how do I improve my codes? :)