Portada del examen sobre Desarrollo Web: JavaScript y DOM (Programación)

    Examen de Desarrollo Web: JavaScript y DOM

    Practica diez preguntas sobre JavaScript, eventos, DOM, promesas, fetch, almacenamiento local e interacción con páginas web.

    📝 10 Preguntas

    Preguntas del examen

    1

    ¿Qué devuelve document.querySelector(".producto") cuando existe al menos un elemento que coincide con ese selector?

    2

    ¿Qué método se utiliza para registrar una función que responda a un evento de clic en un elemento del DOM?

    3

    ¿Qué significa declarar una variable con const en JavaScript?

    4

    ¿Qué devuelve inicialmente la función fetch() cuando se realiza una solicitud HTTP en JavaScript?

    5

    ¿Dónde puede utilizarse await de forma habitual en JavaScript moderno para esperar una promesa?

    6

    ¿Para qué sirve event.preventDefault() durante el tratamiento de un evento cancelable?

    7

    ¿Qué diferencia importante presenta asignar texto mediante textContent en comparación con interpretarlo como HTML?

    8

    ¿Qué significa propagación de eventos por burbujeo o event bubbling?

    9

    ¿Qué característica tiene localStorage en un navegador web?

    10

    ¿Qué representa el DOM de una página web?

    Solucionario con explicaciones

    (ver respuestas)
    1. ¿Qué devuelve document.querySelector(".producto") cuando existe al menos un elemento que coincide con ese selector?

      Respuesta: c) El primer elemento que coincide con el selector CSS .producto.

      querySelector devuelve el primer elemento que coincide con el selector o null si no encuentra ninguno.

    2. ¿Qué método se utiliza para registrar una función que responda a un evento de clic en un elemento del DOM?

      Respuesta: a) addEventListener("click", ...).

      addEventListener permite asociar un controlador a un tipo de evento.

    3. ¿Qué significa declarar una variable con const en JavaScript?

      Respuesta: d) Que no se puede reasignar el identificador después de su inicialización.

      const impide reasignar la vinculación, aunque las propiedades de un objeto referenciado pueden seguir siendo modificables.

    4. ¿Qué devuelve inicialmente la función fetch() cuando se realiza una solicitud HTTP en JavaScript?

      Respuesta: b) Una promesa que puede resolverse con un objeto Response.

      fetch devuelve una Promise que se resuelve con la respuesta HTTP o se rechaza ante determinados errores de red.

    5. ¿Dónde puede utilizarse await de forma habitual en JavaScript moderno para esperar una promesa?

      Respuesta: e) Dentro de funciones async y también a nivel superior en módulos que lo admiten.

      await permite suspender la evaluación de una operación asíncrona hasta obtener el resultado de una promesa.

    6. ¿Para qué sirve event.preventDefault() durante el tratamiento de un evento cancelable?

      Respuesta: c) Para evitar la acción predeterminada asociada con ese evento.

      preventDefault evita el comportamiento predeterminado, como el envío normal de un formulario, cuando el evento es cancelable.

    7. ¿Qué diferencia importante presenta asignar texto mediante textContent en comparación con interpretarlo como HTML?

      Respuesta: a) textContent trata el contenido asignado como texto, sin analizarlo como marcado HTML.

      textContent establece contenido textual y no interpreta las cadenas como etiquetas HTML.

    8. ¿Qué significa propagación de eventos por burbujeo o event bubbling?

      Respuesta: d) Que un evento puede propagarse desde el elemento objetivo hacia sus antecesores.

      En la fase de burbujeo, determinados eventos se propagan desde el objetivo hacia elementos superiores de la jerarquía DOM.

    9. ¿Qué característica tiene localStorage en un navegador web?

      Respuesta: b) Permite almacenar pares clave-valor de cadenas de texto en el origen y persiste normalmente entre sesiones hasta que se elimina.

      localStorage conserva cadenas asociadas con un origen; no debe tratarse como un lugar seguro para secretos o credenciales.

    10. ¿Qué representa el DOM de una página web?

      Respuesta: e) Una representación en forma de árbol de los nodos de un documento que puede consultarse y modificarse mediante programación.

      El Document Object Model proporciona una interfaz para acceder y modificar elementos, atributos y contenido de documentos.

    Sobre este examen

    • Preguntas: 10 de opción múltiple con una sola respuesta correcta
    • Tiempo recomendado: unos 15 minutos (1,5 min por pregunta)
    • Corrección: automática, con explicación de cada respuesta
    • Alternativas: a) a e), con una respuesta correcta

    Qué evalúa: Practica diez preguntas sobre JavaScript, eventos, DOM, promesas, fetch, almacenamiento local e interacción con páginas web.

    ¿Quieres crear un examen como este sobre otro tema?

    Convierte tus apuntes en preguntas de examen.

    https://generadordeexamenes.com/examen-de-desarrollo-web-javascript-y-dom

    Compartir en redes sociales: