JS eventos

 Ejercicio 42:

1. Crear una página en HTML, agregar mínimamente:
    a. Un nombre a la página
    b. Utilizar distintos eventos para aparecer (onclick, onmouseover) y desaparecer (onmouseout, onload) una frase 

index.html

<!DOCTYPE html>

<html>

    <head>

        <title>JS eventos</title>

    </head>

    <body>

        <h1>Eventos de JS</h1>

        <p>Pulse el botón para desaparecer y aparecer el texto</p>

        <button onclick="mostrar()">Onclick</button>

        <button onload="esconder()">Onload</button>

        <button onmouseover="mostrar()" onmouseout="esconder()">Onmouseover y Onmouseout</button>

        <script>

            function mostrar() {

                document.getElementById("demo").innerHTML = "Texto Mostrado";

            }

            function esconder() {

              document.getElementById("demo").innerHTML = "";

            }

        </script>

        <p id="demo"></p>

    </body>

</html>

Comentarios

Entradas más populares de este blog

Formulario 2