Ejemplo 1

<!DOCTYPE html> <html lang="es"> <meta charset="utf-8"> <head> <title>Ejemplos manejar eventos</title> <link rel="stylesheet" href="mihoja_estilos.css"> <script src="codigo_js1.js"></script> </head> <body onload="pulsar()"> <div id="grupo_principal"> <header id="cabecera"> <div> <h1>Manejando Eventos</h1> </div> </header> <section id="seccion_principal"> <p>Pulsar aquí</p> <p id="otro">Doble clic aquí</p> <div class="par1"> <label>Intruduzca algo:</label> <input type="text" id="algo" value="" size="20"> <span id="texto"> </span> </div> <p>Si pulsa en otro sitio no sucederá nada</p> </section> <footer class="pie">MUGIT - 2016-2017 </footer> </div> </body> </html>