4 Sidebar String Output

Question 1

Usos típicos de JS

Answer 1

#1 Generar HTML
#2 Modificar HTML existente 
#3 Remover HTML

Question 2

Relación de JS con el HTML y el CSS

Answer 2

Es útil pensar en JS como una capa interactiva que está sobre el contenido (HTML) y su presentación (CSS).

Question 3

¿Cómo se convierte el Doc HTML completo en un objeto?

Answer 3

El JS sirve para manipular el HTML y el CSS al inyectar nuevo HTML en el navegador, convirtiendo el documento completo en un objeto.

Question 4

¿Cómo se crea un TEMPLATE LITERAL?

Answer 4

para crear un TEMPLATE LITERAL

#1 Declaro una constante const
#2 Nombro la constante content
#3 Declaro esta constante igual a dos Backticks `` (alt+96)

Ej: const content = ``;

Question 5

¿Qué función tienen los BACKTICKS?

Answer 5

Las Bacticks le instruyen al navegador que todo lo que esté entre ellas es un TEMPLATE LITERAL. Esto significa que podemos mezclar HTML con STRINGS y usar expresiones de JS para crear plantillas.

Question 6

PLACEHOLDER

Answer 6

Un PLACEHOLDER está compuesto por el símbolo de dinero seguido de curly brackets ${} y se usa dentro del TEMPLATE LITERAL para poder interactuar con el JS (llamar elementos, correr funciones, objetos, etc…)

Question 7

¿Cómo hacer una Salida simple de strings?

Answer 7

#1 Declaro una constante const
#2 Nombro la constante ej: content
#3 Declaro esta constante igual a dos comillas dobles =“”;

Ej: const content = “”;

Ejemplo de concatenación de strings:

const content = “<h1>” + everydayPack.name + “</h1>”;

NOTA: Los strings no respetan los espacios en blanco.