JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Acenda a Lampada</h1>

<img src="http://i.stack.imgur.com/b983w.jpg" id="luz" />

JavaScript

(function(){

    var inteira = true;
    var img = document.getElementById("luz");
    var estado = {
        click: 'http://i.stack.imgur.com/MRjsF.jpg',
        mouseenter: 'http://i.stack.imgur.com/ybxlO.jpg',
        mouseleave: 'http://i.stack.imgur.com/b983w.jpg'
    };

    img.addEventListener('click', mudaLampada);
    img.addEventListener('mouseenter', mudaLampada);
    img.addEventListener('mouseleave', mudaLampada);

    function mudaLampada(evento) {
        if (!inteira) return;
        if (evento.type == 'click') inteira = false;
        img.src = estado[evento.type];
    }

})();