Curso de JavaScript desde cero

Ejercicios de JavaScript - Parte 5

Ejercicios del capítulo 41 al 50


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

  1. El carácter es el símbolo ± más-menos.
  2. El carácter es el número 6.
  3. El número 81.

  4. Capítulo 43

    Este capítulo tiene el tercer proyecto del curso.

  5. 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.
  6. 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

  7. Te dejo tres formas de hacerlo:
  8. 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
  9. Al final, todo es lo mismo, solo hay que entender como funciona slice().
  10. 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

  11. En este ejercicio bastaba con poner los argumentos del año, el mes y el día:
  12. 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)
  13. En este ejercicio era necesario añadir los argumentos del año, mes, día, hora, minutos y segundos.
  14. 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

  15. La fecha variará dependiendo del día en el que la ejecutes, la solución es solo una referencia.
  16. 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
  17. La fecha variará dependiendo del día en el que la ejecutes, la solución es solo una referencia.
  18. 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日
  19. El código de país VE corresponde a Venezuela.
  20. La fecha variará dependiendo del día en el que la ejecutes, la solución es solo una referencia.
  21. 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);
  22. Bastaba con poner solo en año en el objeto fecha.
  23. const fecha = new Date("2090");
    const idioma = "es-ES";
    
    const fechaFutura = fecha.toLocaleString(idioma, { year: "2-digit"});
    console.log(fechaFutura);
    90
  24. La hora variará dependiendo del tu propia hora en el momento en el que la ejecutes, la solución es solo una referencia.
  25. 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
  26. La hora variará dependiendo del tu propia hora en el momento en el que la ejecutes, la solución es solo una referencia.
  27. const ahora = new Date();
    const idioma = "es-ES";
    
    const fecha = ahora.toLocaleString(idioma,
    	{ minute: "2-digit", second: "2-digit"});
    console.log(fecha);
    12:16
  28. La hora variará dependiendo del tu propia hora en el momento en el que la ejecutes, la solución es solo una referencia.
  29. 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

  30. La solución se encontraba en la lección. Si prestaste atención, este ejercicio era muy fácil.
  31. let cuerpoPagina = document.body;
    console.log(cuerpoPagina);
  32. Falso. la etiqueta <html> se llama con document.documentElement.
  33. 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.
  34. 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";
    	}
    }

Comentarios

Si te quedan dudas sobre el temario, sobre JavaScript o cualquier otra cosa relacionada o simplemente quieres agradecer, aquí tienes tu sitio para dejar tu granito de arena. Gracias por tus comentarios y por darle vida a este sitio web.

Twitter

Programación Fácil YouTube

Suscríbete

Si te ha gustado este curso y crees que el trabajo merece la pena, te agradeceré eternamente que te suscribas a mi canal de YouTube para apoyarme y que pueda seguir haciendo cursos gratuitos.

Además, si te encanta la programación, tienes un montón más de cursos gratuitos para ver.

No solo eso, podrás participar enviándome comentarios con tus sugerencias para temas específicos o cursos completos o incluso las dudas que tengas y las intentaré ir resolviendo en los cursos que estén todavía abiertos.