Ejercicios resueltos de JavaScript - Página 5

Curso de JavaScript desde cero a máster

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 caracter es el símbolo ± más-menos.
  2. El caracter 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. Código JavaScript

    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);

    terminal Resultado en la consola terminal

    (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. Código JavaScript

    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);

    terminal Resultado en la consola terminal

    Las tres soluciones dan el mismo resultado.

    blog
  9. Al final, todo es lo mismo, solo hay que entender como funciona slice().
  10. Código JavaScript

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

    terminal Resultado en la consola terminal

    programacion
    facil

    Capítulo 45

  11. En este ejercicio bastaba con poner los argumentos del año, el mes y el día:
  12. Código JavaScript

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

    terminal Resultado en la consola terminal

    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. Código JavaScript

    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. Código JavaScript

    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);

    terminal Resultado en la consola terminal

    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. Código JavaScript

    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);

    terminal Resultado en la consola terminal

    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. Código JavaScript

    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. Código JavaScript

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

    terminal Resultado en la consola terminal

    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. Código JavaScript

    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);

    terminal Resultado en la consola terminal

    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. Código JavaScript

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

    terminal Resultado en la consola terminal

    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. Código JavaScript

    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);

    terminal Resultado en la consola terminal

    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 prestatste atención, este ejercicio era muy fácil.
  31. Código JavaScript

    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".

    Código JavaScript

    // 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";
    	}
    }

Páginas


Suscríbete a mi canal de YouTube para apoyarme

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.


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.