JSFiddle - React, Tailwind, and code Playground
HTML
<h1>Acenda Lampada</h1>
<img src="_imagens/lampada-apagada.jpg" id="luz" onmouseenter="mudaLampada(1)" onmouseout="mudaLampada(2)" onclick="mudaLampada(3)">
<div id="estado"></div>
JavaScript
function mudaLampada(tipo) {
if (tipo == 1) {
arquivo = "_imagens/lampada-acesa.jpg";
} else if (tipo == 2) {
arquivo = "_imagens/lampada-apagada.jpg";
} else if (tipo == 3) {
arquivo = "_imagens/lampada-quebrada.jpg";
}
document.getElementById("estado").innerHTML = arquivo;
}