Submitted almost 3 years ago

Calculator App

Mipsmonsta• 150

@mipsmonsta

Preview site View code

This is a solution for...

Calculator app

HTML
CSS
JS

3intermediate

View challenge

Design comparison

SolutionDesign

Solution retrospective

Let me know about the functionality and look and feel.

I have yet to implement the mobile (responsive) version.

Community feedback

Rahul kumar Gautam• 655

@RahulKumarGautam1636

Posted almost 3 years ago

It gives 0 when try to calculate 4x04.4 The zero is causing this error. Find a way to prevent user from entering zero after an operator if he does not enters decimal (.) just after that zero.

Mipsmonsta• 150

@mipsmonsta

Posted almost 3 years ago

@RahulKumarGautam1636 Solved. In the case of user entering "4x04.4", the app will convert to "4x4.4" by removing the trailing "0" in "04".

Rahul kumar Gautam• 655

@RahulKumarGautam1636

Posted almost 3 years ago

@mipsmonsta nice work but I can still enter 2..... by pressing (.) and an operator consecutively. Not a big problem but creates a chance for error.

Mipsmonsta• 150

@mipsmonsta

Posted almost 3 years ago

@RahulKumarGautam1636 Solved. App.js now make the check and prevent adding "." to "2.33+". Tks!

Rahul kumar Gautam• 655

@RahulKumarGautam1636

Posted almost 3 years ago

@mipsmonsta it's almost perfect, keep up the good work.

Patrick• 14,325

@palgramming

Posted almost 3 years ago

well you can currently type in 1.2.1.2 so you need a check to keep it from allowing multiple ....... periods from being entered

also it would be nice to add keyboard functionality

This is not a easy challenge to get all the functionality and logic correct

Mipsmonsta• 150

@mipsmonsta

Posted almost 3 years ago

@palgramming bug fixed to prevent case of 1.2.1.2 i.e. multiple decimal points for a number.

Gamaliel Burgos• 330

@Gamygams1234

Posted almost 3 years ago

When I am using it, this calculator shows the sign in the Input when I press the sign. Try and make a solution that doesn't do that and works like an actual calculator.

Mipsmonsta• 150

@mipsmonsta

Posted almost 3 years ago

@Gamygams1234 Show the sign in the input allow the user to know the last operator entered. This is copying some calculator app in mobile phones. The advantage is also that if a sign is entered, and another different sign is entered, the latter will overwrite the sign - for quick correction. So show the sign input to the user is crucial in my design.

Please log in to post a comment

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord