Cuando JavaScript es usado dentro de una página HTML, JavaScript reacciona ante estos eventos.
Del contenido del capítulo JS Events W3Schools.
Ejercicio 1. Este es el código exacto del documento que se muestra:
| <!DOCTYPE html> <html> <head> <title>Eventos en JavaScript</title> <meta charset="UTF-8" /> <meta name="author" content="Ángel Puente" /> </head> <body> <h2>En este ejemplo no empleamos las etiquetas <i><script></i>.</h2> <button onclick="getElementById('demo').innerHTML=Date()">¿Fecha y hora?</button> <p id="demo"></p> </body> </html> |
Ejercicio 2.
Este es el código exacto del documento que se muestra:
| <!DOCTYPE html> <html> <head> <title>Eventos en JavaScript</title> <meta charset="UTF-8" /> <meta name="author" content="Ángel Puente" /> <head> <body> <h2>En este otro, además, el resultado se muestra en el mismo botón.</h2> <button onclick="this.innerHTML=Date()">¿Fecha y hora?</button> </body> </html> |
Ejercicio 3. Este es el código exacto del documento que se muestra:
| <!DOCTYPE html> <html> <head> <title>Eventos en JavaScript</title> <meta charset="UTF-8" /> <meta name="author" content="Ángel Puente" /> <head> <body> <h2>El evento lo colocamos en una función.</h2> <p>Pulsad el botón para obtener la fecha y la hora.</p> <button onclick="mostrarDate()">¿Fecha y hora?</button> <script> function mostrarDate() { document.getElementById("demo").innerHTML = Date(); } </script> <p id="demo"></p> </body> </html> |
No hay comentarios:
Publicar un comentario