WorksheetsFundamentos de JavaScript y DOM
Total questions: 10
Worksheet time: 50mins
¿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
