Calculator app - Both Keyboard & Mouse click events included.

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.

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.

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