JS en linea, imágenes

 Ejercicio 6b

    1. Crear una página en HTML, agregar mínimamente:
        a. Un nombre a la página
        b. JS de forma en línea, a través de dos botones. Los cuales cambien la imagen que quiera visualizar

...

index.html

<!DOCTYPE html>

<html>

    <head>

        <title>JS en línea - cambio imagen</title>

    </head>

    <body>

        <h1>Cambiar imagen con dos botones</h1>

        <img id="clima" src="sol.jpg" style="width:500px">

        <p>

            <button onclick="document.getElementById('clima').src='sol.jpg'">Soleado</button>

            <button onclick="document.getElementById('clima').src='nube.jpg'">Nubblado</button>

        </p>

    </body>

</html>

...



Comentarios

Publicar un comentario

Entradas más populares de este blog

Formulario 2

Imagen
 Ejercicio 34 Viendo las características de la siguiente página, resolverla de la misma manera --- index.html <!DOCTYPE html> <html lang="es">   <head>     <title>Formulario de prueba</title>   </head>   <body style="background: lightcoral">     <h1>Formulario de prueba</h1>     <form id="form-order"> <!-- Formulario -->       <p>         <label for="name">Nombre (obligatorio) </label>         <input           type="text"           name="name"           id="name"           placeholder="Dafne Perron"           autofocus           autocomplete           required         />       </p>       <p>         <label for="passwd">Contraseña (obligatorio) </label>         <input           type="password"           name="passwd"           id="passwd"           place
Leer más