Ejercicios resueltos de JavaScript

En esta página tienes numeradas todas las soluciones a los ejercicios realizados durante todo el curso. Si te quedan dudas o tienes un resultado diferente, déjame un comentario, ya que a veces, un ejercicio puede tener muchas posibles soluciones.

Soluciones de ejercicios JavaScript - Página 5

Capítulo 41

Este capítulo no tiene ejercicios.

Capítulo 42

87. El carácter es el símbolo ± más-menos.
88. El carácter es el número 6.
89. El número 81.



Capítulo 43

Este capítulo tiene el tercer proyecto del curso.

90. La solución es utilizar un espacio en blanco para obtener cada una de las palabras, ya que todas están separadas por uno en el string.

let frase = "El método split() divide un objeto de tipo String en un array
	realizando una división según un patrón proporcionado.";
let divide = frase.split(' ');

console.log(divide);

(19) ['El', 'método', 'split()', 'divide', 'un', 'objeto', 'de',
'tipo', 'String', 'en', 'un', 'array','realizando', 'una', 'división',
'según', 'un', 'patrón', 'proporcionado.']




Capítulo 44

91. Te dejo tres formas de hacerlo:

let blog = "www.programacionfacil.org/blog";
let fragmento = blog.slice(-4);
console.log(fragmento);

let blog = "www.programacionfacil.org/blog";
let fragmento = blog.slice(26);
console.log(fragmento);

let blog = "www.programacionfacil.org/blog";
let fragmento = blog.slice(26,30);
console.log(fragmento);

Las tres soluciones dan el mismo resultado.

blog

92. Al final, todo es lo mismo, solo hay que entender como funciona slice().

let blog = "www.programacionfacil.org/blog";
let parte1 = blog.slice(4,16);
let parte2 = blog.slice(16,21);
console.log(parte1 + "\n" + parte2);

programacion
facil




Capítulo 45

93. En este ejercicio bastaba con poner los argumentos del año, el mes y el día:

let fecha = new Date(2030,3,7);
		
console.log(fecha);

Sun Apr 07 2030 00:00:00 GMT+0200 (hora de verano de Europa central)

94. En este ejercicio era necesario añadir los argumentos del año, mes, día, hora, minutos y segundos.

let fecha = new Date(1667,7,17,8,45,28);
		
console.log(fecha);




Capítulo 46

Este capítulo no tiene ejercicios.

Capítulo 47

95. La fecha variará dependiendo del día en el que la ejecutes, la solución es solo una referencia.

const ahora = new Date();
const idioma = "de-BE";

const fechaCorta = ahora.toLocaleString(idioma,
	{ day: "2-digit", month: "2-digit", year: "numeric"});

const fechaLarga = ahora.toLocaleString(idioma,
	{ day: "2-digit", month: "long", year: "numeric"});
console.log(fechaLarga);

10. März 2022

96. La fecha variará dependiendo del día en el que la ejecutes, la solución es solo una referencia.

const ahora = new Date();
const idioma = "ja-JP";

const fechaCorta = ahora.toLocaleString(idioma,
	{ day: "2-digit", month: "2-digit", year: "numeric"});

const fechaLarga = ahora.toLocaleString(idioma,
	{ day: "2-digit", month: "long", year: "numeric"});
console.log(fechaLarga);

2022年3月10日

97. El código de país VE corresponde a Venezuela.
98. La fecha variará dependiendo del día en el que la ejecutes, la solución es solo una referencia.

const ahora = new Date();
const idioma = "es-ES";

const fecha = ahora.toLocaleString(idioma,
	{ weekday: "long", day: "2-digit", month: "long", year: "numeric"});
console.log(fecha);

99. Bastaba con poner solo en año en el objeto fecha.

const fecha = new Date("2090");
const idioma = "es-ES";

const fechaFutura = fecha.toLocaleString(idioma, { year: "2-digit"});
console.log(fechaFutura);

90

100. La hora variará dependiendo del tu propia hora en el momento en el que la ejecutes, la solución es solo una referencia.

const ahora = new Date();
const idioma = "es-ES";

const fecha = ahora.toLocaleString(idioma,
	{ hour: "2-digit", minute: "2-digit", second: "2-digit"});
console.log(fecha);

17:10:02

101. La hora variará dependiendo del tu propia hora en el momento en el que la ejecutes, la solución es solo una referencia.

const ahora = new Date();
const idioma = "es-ES";

const fecha = ahora.toLocaleString(idioma,
	{ minute: "2-digit", second: "2-digit"});
console.log(fecha);

12:16

102. La hora variará dependiendo del tu propia hora en el momento en el que la ejecutes, la solución es solo una referencia.

const ahora = new Date();
const idioma = "es-ES";

const fecha = ahora.toLocaleString(idioma,
	{hour12: true, hour:"2-digit", minute:"2-digit", second:"2-digit"});
console.log(fecha);

05:15:00 p. m.




Capítulo 48

Este capítulo no tiene ejercicios.

Capítulo 49

Este capítulo no tiene ejercicios.

Capítulo 50

103. La solución se encontraba en la lección. Si prestaste atención, este ejercicio era muy fácil.

let cuerpoPagina = document.body;
console.log(cuerpoPagina);

104. Falso. la etiqueta <html> se llama con document.documentElement.
105. Este ejercicio era más complicado. Si lo has conseguido te felicito. Si no, no hay problema. Con que entiendas la solución ya vale. Ya ganarás práctica.

En la página html no hay que tocar nada.

En la hoja .js he almacenado el elemento con su ID para poder llamarlo con la variable elementoOculto (línea 2).

(línea 5) Por defecto, tenemos el elemento oculto.

En la función especificamos que si al llamarla el elementoOculto está en display = "none" que se muestre con display = "block".

El if ha cambiado el estado a visible. En cuanto se vuelva a llamar a la función, la condición del if, ya no se cumple.

En caso contrario, se ejecuta lo del else. Se oculta el elemento.

En resumidas cuentas, si el estado del <div> está en "none" se ejecuta el if y se muestra, si el estado es "block" al llamar a la función, se cambia con el else a "none".

// Almacenamos el elemento con su ID para poder llamarlo con la variable.
let elementoOculto = document.getElementById("spoiler");

// El elemento con id "spoiler" queda oculto por defecto.
elementoOculto.style.display = "none";

// Si se llama a esta función, se muestra el elemento con id "spoiler"
function muestraSpoiler() {
	if (elementoOculto.style.display == "none"){
		elementoOculto.style.display = "block";
	} else {
			elementoOculto.style.display = "none";
	}
}