JSFiddle - React, Tailwind, and code Playground

by PH7Jack

HTML

<img id="lampada" width="100px" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTqYP8qYAbhKk52klGvW3MaCPqw4H7NZmP5XQ&s">

<button onclick="ligar()">ligar</button>
<button onclick="desligar()">desligar</button>

JavaScript

const imagem = document.getElementById('lampada')

function ligar() {
  imagem.src = 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTqYP8qYAbhKk52klGvW3MaCPqw4H7NZmP5XQ&s'
}

function desligar() {
  imagem.src = 'https://i.pinimg.com/564x/e0/fd/25/e0fd25f9127a9a109a0648c83ee61643.jpg'
}