Fundamentos de JavaScript y DOM

¿Cuál es la principal diferencia entre 'let' y 'const' al declarar una variable en JavaScript?

• 'let' se usa para números y 'const' para textos (strings)

• Una variable declarada con 'let' puede ser reasignada, mientras que una con 'const' no puede

• No hay diferencia, son intercambiables

• 'const' es una versión antigua de 'let' y ya no se usa

¿Qué resultado dará `console.log(10 === '10')` y por qué?

• Dará un error, porque no se pueden comparar diferentes tipos de datos

• 'true', porque ambos tienen el valor de 10

• 'false', porque el triple igual (===) compara tanto el valor como el tipo de dato

• '10', porque la comparación no es una operación válida y solo imprime el primer valor

En un bloque 'if/else if/else', ¿Qué sucede si múltiples condiciones if y else if son verdaderas?

• Se ejecutan todos los bloques de código cuyas condiciones son verdaderas

• JavaScript lanza un error porque la lógica es ambigua

• Solo se ejecuta el bloque de código del PRIMER if o else if cuya condición sea verdadera

• Se ejecuta solo el bloque del último else if verdadero de la cadena

¿Para qué se utiliza la palabra clave 'return' dentro de una función?

• Para indicar qué parámetros acepta la función

• Para imprimir un valor en la consola, es un sinónimo de 'console.log'

• Para detener la ejecución de la función y devolver un valor a quien la llamó

• Para repetir la función varias veces

¿Qué hace el siguiente código? 'for (let i = 0; i < 5; i++) { console.log(i); }'

• Imprime los números del 1 al 5

• Lanza un error porque 'i' no está definida

• Imprime los números del 0 al 4

• Imprime el número 5 cinco veces

Usando 'document.querySelector()', ¿Cómo seleccionarías un elemento con el id 'user-card'?

• document.querySelectorAll('#user-card')

• document.querySelector('user-card')

• document.querySelector('.user-card')

• document.querySelector('#user-card')

¿Por qué generalmente se prefiere usar '.classList.add() / .remove()' en lugar de '.style' para cambiar la apariencia de un elemento?

• Porque '.style' no funciona en todos los navegadores

• Porque '.style' es más lento que '.classList'

• Porque mantiene el CSS en el archivo .css y el JS solo se encarga de la lógica, mejorando la organización

• Porque '.classList' permite añadir múltiples estilos a la vez, mientras que '.style' solo permite uno

En la línea 'miBoton.addEventListener('click', miFuncion);', ¿Por qué 'miFuncion' se escribe sin paréntesis?

• Porque 'addEventListener' no puede ejecutar funciones con paréntesis

• Se pasa la referencia de la función (callback), no se ejecuta en ese momento

• Es un error, debería ser 'miFuncion()'

• Es una sintaxis antigua, ahora se usan funciones anónimas

¿Cuál es el propósito principal de 'JSON.parse()'?

• Validar si un archivo .json tiene la sintaxis correcta

• Seleccionar elementos del DOM que contienen datos JSON

• Tomar un string de texto con formato JSON y convertirlo en un objeto de JavaScript utilizable

• Crear un objeto de JavaScript y convertirlo en un string de texto

Un usuario hace clic en un botón. Quieres cambiar el texto de un '<h1>' a '¡Hola Mundo!'. ¿Cuál es la secuencia correcta de acciones en JavaScript?

• Seleccionar el '<h1>' y el botón, añadir un 'click' listener al botón, y en el callback cambiar el '.textContent' del '<h1>'

• Seleccionar el botón, cambiar el '.textContent' del '<h1>', y luego añadir el 'click' listener al botón

• Añadir el evento al '<h1>', escuchar el clic, y cambiar el texto del botón

• Cambiar el '.textContent' del '<h1>' y luego añadir un 'addEventListener' al botón