@strawberry-3-141 - Sorry, I am not sure how to access the electron console. Could you direct me to it ?

@strawberry-3-141

Thanks for your suggestion. I replaced the snippet for click part of it.

regenToggle.addEventListener(‘click’, () => { - I presume this was meant to be ‘regenToggle.addEventListener(“click” , function() {’

also I changed the width of the HVAC CSS element. I still see the same issue - yet to debug more.

I am building a toggle button , two dials and a slider. I am taking help from the simple music player module and it has been super helpful. I have no experience with JS , node or CSS. I am learning as I am doing it.

With just as a proof of concept , I started with the toggle button. I prototyped this button on JSFiddle and it works as it should.Now trying to integrate this into Magic Mirror, Toggle button shows on the mirror but, it fails to do two important things.

• cursor change from default to pointer when hovering over the button

• Detecting a click event and changing states

Here is the link to my github repository.

Also this is how it is supposed to work - fiddle - link

Please take a look at it and let me know if am doing anything blatantly wrong. I would be happy to learn. Thanks in advance.

Also , let me know if I should post code for review any differently.