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

Entradas más populares de este blog

Formulario 2