si hace clic en el botón del nombre del tigre, la imagen del cuadro debe cambiarse a la imagen del tigre. Lo mismo para los siguientes 2 botones. también, cree 1 botón de reinicio para eliminar la imagen del cuadro y luego muestre cualquier imagen predeterminada en el cuadro. también, cree 1 botón para mostrar el nombre de la imagen presente en este cuadro de imagen. (resultado que se muestra en un cuadro de alerta).
un poco más de contexto sería deseable. Tu pregunta es un poco confusa. Por favor, publique su código la próxima vez. Si entendí bien, puedes resolver esto con JavaScript:
Suponiendo que tiene su etiqueta de imagen y tres botones
<img id="tigerImage" alt="this is the tigers name" src="/assets/images/placeholder.jpg"> <button onclick="setImage()">Set Image</button> <button onclick="resetImage()">Reset Image</button> <button onclick="showName()">Show Name</button>La identificación es importante, puede abordarla con JS:
Vainilla JS:
function setImage() { document.getElementById("tigerImage").src="/assets/images/tiger.jpg"; } function resetImage() { document.getElementById("tigerImage").src="/assets/images/placeholder.jpg"; } function showName() { var imageName = document.getElementById("tigerImage").alt; alert(imageName); }