Si tuviera que crear una imagen y darle la fuente de "box.png", usando CSS o Javascript, ¿cómo podría hacer que un botón cambie la fuente de la imagen a "package.png"?
Al hacer clic en el botón, se cambia el atributo src del elemento <img> en el detector de eventos.
let button = document.getElementById('toggleButton'); let logo = document.getElementById('logo'); let darkImageURL = "https://cdn-icons-png.flaticon.com/512/196/196685.png"; let lightImageURL = "https://cdn-icons-png.flaticon.com/512/169/169367.png"; button.addEventListener('click', function(event) { if(this.innerHTML === "Dark") { document.body.style.background = "black"; this.innerHTML = "Light"; logo.src = darkImageURL; } else { document.body.style.background = "white"; this.innerHTML = "Dark"; logo.src = lightImageURL; } }); <body> <button id="toggleButton">Dark</button> <img id="logo" class="nav_logo" src="https://cdn-icons-png.flaticon.com/512/169/169367.png" alt="original logo" width="100" height="100"/> </body>