Calculator app - Both Keyboard & Mouse click events included.

Community feedback

• Account deleted

  I'm pretty sure there's a lot of ways of implementing the theme switching, and your way works very well.

  The calculator is perfectly functional, and adding keyboard inputs is a plus. I just have a few suggestions;

  How about you give the same functionality to the enter key as the equals button, 'cause the backspace works, but the enter key doesn't, it just returns the last number you clicked on.

  2

  ---

  

  Sunny78inator•60

  @prathyushSunnyPosted over 3 years ago

  @thulanigamtee omg the enter key isn't working? It should! I mean, maybe it was bugged for a moment and thanks for bringing it into light, I'll look into it. But I did log the enter event too. :sweat_smile:

  "The calculator is perfectly functional, and adding keyboard inputs is a plus."

  Thankyou!

  0
• 

  Praneet Dixit•120

  @PraneetDixitPosted over 3 years ago

  Hi!

  Your theme switching implementation looks quite good.

  Another way of theme switching is using custom properties and toggling a single class to change the properties.

  Here is an example -

  /*CSS*/
  
  body{
    --text-color: #000;
    --background-color: #fff;
  }
  
  body.dark{
    --text-color: #fff;
    --background-color: #000;
  }
  
  .someElement{
    color: var(--text-color);
    background-color : var(---background-color);
  }
  

  //JS
  themeSwitchContainer.onclick = function() {
      document.body.classList.toggle('dark');
  }
  

  You can play around with this to include more themes.

  Your calculator is pretty functional.

  +1 for keyboard inputs.

  1

  ---

  

  Sunny78inator•60

  @prathyushSunnyPosted over 3 years ago

  @PraneetDixit Hey, thank you for your insightful feedback and the suggestion. I'll definitely try out your way. Peace! :D

  0
• 

  P

  Patrick•14,265

  @palgrammingPosted over 3 years ago

  I like your icons in your theme slider

  I can enter 6+6 on the keyboard but when I hit the enter key on the keyboard it just shows 6 the enter key on the numpad then shows 0

  1

  ---

  

  Sunny78inator•60

  @prathyushSunnyPosted over 3 years ago

  @palgramming Yeah, unfortunately my code is running into bugs 2/10 times. And I wasn't able to decode this one particular bug yet. I'm still looking into it. Thank you! :D

  "I like your icons in your theme slider" haha wow ok. I wasn't sure about this one particular implementation but now I am. ty

  0