El DOM (Document Object Model o Modelo de Objetos del Documento) es una interfaz de programacion
que representa la estructura de un archivo HTML o XML.
Su importancia radica en funcionar como un puente entre el codigo estatico y la interactividad, permitiendo
modificar
elementos en tiempo real sin recargar la pagina, responder a eventos ocasionados por el usuario y acceder y
alterar
clases, estilos y atributos CSS de manera automatizada.
Sin el DOM las paginas serian estaticas y sin ningun tipo de dinamismo.
Un evento en JavaScript es una señal que el navegador manda cuando ocurre una accion del usuario (clic,
tecla, scroll) o un cambio en el sistema (carga de la página, redimensionado de ventana). Se "escuchan" con
addEventListener() para ejecutar codigo en respuesta.
click: El usuario hace clic en un elemento
keydown: El usuario presiona una tecla
submit: Se envía un formulario
alert muestra una pequeña ventana flotante con informacion para el usuario que bloquea la ejecucion de la pagina
hasta que pulse "OK"/"Aceptar"
prompt igualmente muestra una ventana pero por otra parte en esta se le permite al usuario ingresar texto y
devuelve ese mismo texto,
deteniendo el programa de igual maner hasta que se pulse "OK"/"Aceptar"
console.log muestra informacion exclusivamente al desarrollador sin detener la ejecucion de la pagina, permitiendo depurar el codigo
ya que acepta cualquier tipo de valor a diferencia de prompt.
Se puede abrir dando click derecho y al apartado de inspeccionar o con la tecla F12, mediante la consola se pueden ver errores y ejecutar codigos de JS en tiempo real.
