JS interno, imagenes
Ejercicio 7b
1. Crear una página en HTML, agregar mínimamente:
a. Un nombre a la página
b. JS de forma interna, a través de dos botones. Los cuales cambien la imagen que quiera visualizar. A diferencia del ejercicio 6b, hacerlo a través de una variable
...
index.html
<!DOCTYPE html>
<html>
<head>
<title>Cambiar imagen</title>
<script>
function clima(estado) {
var pic;
if (estado == 1) {
pic = "sol.jpg";
} else {
pic = "nube.jpg";
}
document.getElementById("Imagen").src = pic;
}
</script>
</head>
<body>
<h1>Otra opción del ejercicio 6b</h1>
<img id="Imagen" src="sol.jpg" width="500" height="500" />
<p>
<button type="button" onclick="clima(1)">Soleado</button>
<button type="button" onclick="clima(0)">Nublado</button>
</p>
</body>
</html>
...
Comentarios
Publicar un comentario