Clase 2

¿Cuál es la principal diferencia entre el operador de igualdad (' == ') y el de

igualdad estricta (' === ') en JavaScript?

• El operador ' == ` compara el valor y el tipo de dato, mientras que

  ' ===

  solo compara el valor.

• Ambos operadores funcionan exactamente igual y se pueden usar

  indistintamente.

• El operador ' == ' se usa para números y ===* para cadenas de texto.

• El operador ' === ' compara el valor y el tipo de dato, mientras que ' == '

  solo compara el valor.

Answer explanation

Esta es la diferencia clave. El operador de igualdad estricta (' === ') verifica si los

valores y los tipos de datos son idénticos, mientras que ' == ` realiza una

comparación de valor con coerción de tipo.

Escribe el código HTML para crear una lista ordenada de frutas (Manzana,

Platano, Naranja) donde cada elemento de la lista sea un enlace.

• <ul> <li><a href='#'>Manzana</a></li> <li><a href='#'>Plátano</a></li> <li>

• <ol> <li><a>Manzana</a></li> <li><a>Plátano</a></li> <li><a>Naranja</a>

  </li> </ol>

• <div> Manzana, Plátano, Naranja </div>

• <a><li>Manzana</li><li>Plátano</li><li>Naranja</li></a>

Answer explanation

Esta sintaxis combina correctamente una lista ordenada ('<ol>'), elementos de

lista ('<li>') y etiquetas de enlace ("<a>'), aunque los enlaces requeririan el

atributo 'href' para ser funcionales.

En CSS, ¿cuál de los siguientes es el selector de clase para aplicar un

estilo a un elemento con 'class="destacado"'?

• h1.destacado

• .destacado

• #destacado

• destacado

Answer explanation

Esta es la sintaxis correcta para un selector de clase, que se indica con un punto

('.') seguido del nombre de la clase, aplicando el estilo a cualquier elemento que

tenga esa clase.

Escribe un código JavaScript que utilice una estructura 'if/else' para

determinar si la variable 'edad' es mayor o igual a 18 y, en caso afirmativo,

imprima 'Es mayor de edad' en la consola, y 'Es menor de edad' en caso

contrario.

• if (edad === 18) { console.log('Es mayor de edad'); } else {

  console.log('Es menor de edad'); }

• if (edad >= 18) { console.log('Es mayor de edad'); } else { console.log('Es

  menor de edad'); }

• if (edad >18) {console.log('Es mayor de edad'); } else { console.log('Es

  menor de edad'); }

• if (edad != 18) { console.log('Es mayor de edad'); } else { console.log('Es

  menor de edad'); }

Answer explanation

Esta es la estructura condicional correcta para la condicion, utilizando el

operador 'mayor o igual que' ('>=') y proporcionando la salida de texto adecuada

para ambos casos.

En HTML, para que un enlace ('<a>') abra la página en una nueva pestaña

del navegador, ¿qué atributo y valor debes utilizar?

• target="_blank"

• href="_blank"

• rel="noopener"

• target="_self"

Answer explanation

Esta es la combinación de atributo y valor correcta para abrir el enlace en una

nueva pestaña o ventana del navegador.

En CSS, ¿cuál es la diferencia principal entre 'margin' y 'padding`?

• 'margin' es el espacio entre el borde de un elemento y otros elementos,

  mientras que 'padding' es el espacio entre el borde de un elemento y su

  contenido interno.

• 'margin' solo se usa con etiquetas de bloque y 'padding` con etiquetas

  en linea.

• 'margin' es el espacio dentro del borde de un elemento y 'padding* es

  el espacio fuera del borde.

• Ambos son lo mismo y se usan para agregar espacio alrededor de un

  elemento.

Answer explanation

Esta es la diferencia clave. 'margin' crea espacio externo alrededor de un

elemento, mientras que 'padding' crea espacio interno entre el contenido y el

borde.

¿Cual es la sintaxis correcta para un bucle 'for' en JavaScript que recorre

un arreglo de 5 elementos?

• for (let i = 0; i <= 5; i++) { ... }

• for i=O, i<5, i++ { ... }

• for (i < 5; i++) { ... }

• for (let i = 0; i < 5; i++) { ... }

Answer explanation

La condición 'i <= 5' es incorrecta para un arreglo de 5 elementos (indices 0-4),

ya que intentaria acceder a un sexto elemento inexistente en el indice 5.

En CSS, ¿qué propiedad y valor se utilizan para hacer que un elemento que normalmente sería de bloque (como un '<div>') se comporte como un

elemento en linea, pero manteniendo la capacidad de establecer su 'width' y 'height'?

• 'display: block;'

• 'display: inline-block;'

• 'display: inline;

• 'display: flex;'

Answer explanation

display: inline-block;' combina lo mejor de ambos mundos, permitiendo que el

elemento fluya en linea con el texto pero se comporte como un bloque para el

control de dimensiones.

En JavaScript, si la variable 'condicion1' es 'true' y la variable

'condicion2' es 'false', ¿que valor devuelve la expresion 'condicion1 &&

condicion2'?

• 'false'

• Ningún valor, ya que la sintaxis es incorrecta.

• 'true'

• 'undefined

Answer explanation

El operador logico '&&' (AND) devuelve 'true' solo si ambos operandos son

'true'. Como 'condicion2' es 'false', la expresion completa se evalua como

'false'.

¿Cuál es el propósito del operador lógico de negación ('!') en JavaScript?

• Invierte el valor de verdad de una expresión booleana.

• Compara si dos valores son iguales.

• Une dos o más condiciones.

• Evalúa si un valor es nulo.

Answer explanation

El operador de negación ('!') es unario y se utiliza para cambiar un valor 'true' a

'false' o un valor 'false' a 'true'.