ALTAVOZ: Vamos a mejorar en este último ejemplo utilizando un JavaScript populares biblioteca llamada jQuery que permitirá nos limpiamos nuestro código sin dejar de evitando el problema que encontramos anterior por el que un código que he escrito fue ejecutado antes de tiempo antes de que el elementos que necesitaba para existir en un DOM en realidad existió. Nótese aquí en dom-2.html, tengo un etiqueta de script ya con un atributo de origen cuyo valor es la dirección URL de la última versión de esta biblioteca. Debajo de eso tengo una etiqueta de script independiente sin ninguna fuente pero donde he dejado espacio para escribir en realidad algunos de mi propio código. El código que me gustaría escribir es tan de la siguiente manera, $, que es en realidad notación abreviada para jQuery sí, (documento). En otras palabras, simplemente estoy pasando como un argumento a una función llamada jQuery el documento, lo global variable que ya existe en el interior de cualquier página web. Entonces vamos a hacerlo. Listo, llama a una función o un método que especifica que el siguiente fragmento de código debe ser ejecutada una sola vez todo el documento está listo, específicamente esta función anónima aquí. $ "# Demo", que especifica que me gustaría para obtener el elemento de mi DOM ¿quién es el identificador único de demostración. Y luego, una vez que hemos conseguido eso, vamos a registrarse con que un controlador de eventos para el presente caso mediante la especificación. presentar, pasando a que un anónimo función que espera un argumento que llamaremos evento, el cual es en última instancia, sólo va a ser una referencia de clases a la real evento de presentación en caso de que habíamos gustaría tener acceso a eso directamente. Mientras tanto, vamos a especificar llave de apertura y llave de cierre y en el interior de los llaves, vamos a realmente escribir el código que desea que se ejecuten cuando esta forma se presenta. alerta "hola", y vamos a concatenar en de modo que el resultado de la llamada $ "# name" que especifica que me gustaría llegar el elemento en mi DOM cuya única identificador es el nombre. Y ahora vamos a llamar a una función en el interior de ese objeto llamado val que obtiene el valor textual que el usuario se escribe pulg Y vamos a concatenar el fin de que, al igual para la diversión, un signo de exclamación. Por último, en lugar de devolver false como lo hicimos antes, vamos a ser un poco más explícito y especificar que dado que objeto de evento, nos gustaría evitar su comportamiento predeterminado llamando específicamente una función o un método llamado prevenir predeterminado de la siguiente manera. event.preventDefault. Ahora vamos a guardar el archivo y abrirlo en mi navegador. http://localhost/dom-2.html Ahí está ese formulario. Vamos a la entrada de David. Al hacer clic en Enviar y hola, David está de vuelta.