Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

👨‍💻 Calculator app w/ (HTML + CSS + SASS + Bootstrap + JS)

#accessibility#bootstrap#sass/scss
Adriano 33,960

@AdrianoEscarabote

Desktop design screenshot for the Calculator app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


👨‍💻 Hello everyone. This is my solution for the Calculator app.

This was a challenging project, I found some very different bugs. I managed to practice a lot of new things and I tried to make my code as clean and readable as possible!

If you find something I can improve let me know!

I added:

  • 👨‍💻 the user will be able to perform all operations through the keyboard!
  • 🎨 Store theme preference via localStorage!

Feel free to leave comments on how I can improve my code.

Thanks! 😊

Community feedback

MX 290

@xingxing-prog

Posted

It's a very cool project. You have done great on html and css. But for JavaScript, I want to give you a little bit advice. First of all, I test your calculator, there is a bug, when I type 3/0, the result is 0.00, it should result to error. Second, I checked out your code, you have done a great job. But every time, when I type number and operation and the result present, but the operation is always there. I think there should only be the result there. But I still have to say, I like the html and CSS, You have done a great job, It's fantastic.

Marked as helpful

1

Adriano 33,960

@AdrianoEscarabote

Posted

@xingxing-prog the model I thought of doing for this challenge is precisely this one of showing the operation up there, I hadn't thought of leaving the signal of the operation down, but you're right! would be a good one, about zero I kind of didn't even pay attention to it auauhauha

0
MX 290

@xingxing-prog

Posted

@AdrianoEscarabote Well, it's not a easy challenge, especially you have to wind with CSS different themes. If it helps you, that would be great.

1
Lucas 👾 104,580

@correlucas

Posted

Great solution as always! =)

2
Mubaraq 260

@mubking

Posted

i'm creating a replicate of this.though i'm done oh! sorry, i can't say i'm done. i'm having problems switching the background

1

Adriano 33,960

@AdrianoEscarabote

Posted

@mubking I also had problems with the cores, I hope you can solve it soon!

0

@basitkorai

Posted

I want to build this as well. By the way, you've done excellent work.

1

Adriano 33,960

@AdrianoEscarabote

Posted

@basit-flash Thanks!!

0
Nelson 2,380

@nelsonleone

Posted

IT'S COOL.

1

Adriano 33,960

@AdrianoEscarabote

Posted

@nelsonleone thanks =)

0

@joaovitorwitt

Posted

So cool man. Always learning from you.

1

@FelipeFama

Posted

Congratulations on the project.

1

Adriano 33,960

@AdrianoEscarabote

Posted

@FelipeFama thanks!!

1

Please log in to post a comment

Log in with GitHub
Discord logo

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