Ejercicios resueltos de JavaScript - Página 4

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 4

    Capítulo 31

  1. Solo tienes que cambiar el alert() por un document.write(). Un ejercicio tan fácil que parece con trampa, pero no la hay. Lo único que pretendía con este ejercicio es que hayas comprendido que puedes ejecutar el código que quieras desde un evento.

    2. Etiquetas html 

    <!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title>Introducción a los eventos</title>
	<script src="test.js"></script>
	<link href="test.css" rel="stylesheet" />
</head>

<body>
	<button onclick="document.write('¡Has pulsado el botón!');">¡NO PULSAR!</button>
</body>
</html>

    Capítulo 32

  2. Solo tienes que cambiar el alert() por un document.write(). Un ejercicio tan fácil que parece con trampa, pero no la hay. Lo único que pretendía con este ejercicio es que hayas comprendido que puedes ejecutar el código que quieras desde un evento.

    3. Código JavaScript 

    let vehiculo = {
	marca: 'Opel',
	color: 'negro',
	numeroRuedas: 4,
	numeroPlazas: 5,
	tipo: 'deportivo',
	precio: 10000,
};

    Capítulo 33

  3. Lo importante de este ejercicio es que sepas acceder y presentar las propiedades de los objetos.

    4. Código JavaScript 

    let vehiculo = {
	marca: 'Opel',
	color: 'negro',
	numeroRuedas: 4,
	numeroPlazas: 5,
	tipo: 'deportivo',
	precio: 10000,
};

alert('El vehículo con marca ' + vehiculo.marca + ' de color ' + vehiculo.color + ' tiene un coste de ' + vehiculo.precio + ' $.')

    terminal Resultado en el alert() terminal

    El vehículo con marca Opel de color negro tiene un coste de 10000 $.

    Capítulo 34

  4. En este ejercicio solo tenías que observar para contestar las siguientes preguntas.
  5. Este objeto está pensado meramente para comprobar que has comprendido como funcionan los espacios de nombres. El código es totalmente incorrecto en el sentido de las buenas prácticas. Sin embargo, no contiene errores sintácticos.
    Como puedes ver, es confuso al utilizar los mismos nombres de propiedad en un mismo objeto. Sin embargo, lo he hecho para que puedas apreciar los diferentes espacios de nombres.
  6. El valor 'azul' pertenece a la propiedad color3 del espacio de nombres (objeto en este caso) colores.

    7. Código JavaScript 

    console.log(colores.color3)

    terminal Resultado en la consola terminal

    "azul"
  7. El valor 'naranja' pertenece a la propiedad color1 del espacio de nombres (objeto) secundarios que es una propiedad del espacio de nombres (objeto) colores.

    8. Código JavaScript 

    console.log(colores.secundarios.color1)

    terminal Resultado en la consola terminal

    "naranja"
  8. El valor 'rojo-púrpura' pertenece a la propiedad color5 del espacio de nombres (objeto) terciarios que es una propiedad del espacio de nombres (objeto) secundarios que este a su vez, es una propiedad del espacio de nombres (objeto) colores.

    9. Código JavaScript 

    console.log(colores.secundarios.terciarios.color5)

    terminal Resultado en la consola terminal

    "rojo-púrpura"

    Capítulo 35

  9. Tienes que crear la propiedad telefono3 con la que poder añadir un tercer teléfono.

    10. Código JavaScript 

    usuario.telefonos.telefono3 = "0489070688";
console.log(usuario);

    terminal Resultado en la consola terminal

    	edad: 30,
	idiomas: ["Español", "Catalán", "Inglés", "Portugués", "Italiano"],
	nombre_completo: ["Enrique", "Barros", "Fernández"],
	pais_residencia: "Australia",
	telefonos: {
		telefono1: "0467489304",
		telefono2: "0446395860",
		telefono3: "0489070688"
	}
}
  10. Para modificar el array es lo mismo con con cualquier otro valor, una reasignación.

    11. Código JavaScript 

    usuario.nombre_completo = ['Nombre', 'apellido1', 'apellido2'];

console.log(usuario);

    terminal Resultado en la consola terminal

    {
	edad: 30,
	idiomas: ["Español", "Catalán", "Inglés", "Portugués", "Italiano"],
	nombre_completo: ["Nombre", "apellido1", "apellido2"],
	pais_residencia: "Australia",
	telefonos: {
		telefono1: "0467489304",
		telefono2: "0446395860"
	}
}
  11. Este ejercicio era para ponerte a prueba. Si no lo conseguiste sin mirar la solución no pasa nada, con que entiendas como se hace para la próxima puedes dar el ejercicio por completado.
    Cuando dimos el tema de los array, te enseñé a reasignar el valor de una posición del array. Esto es lo mismo solo que tenías que aplicarlo al namespace del objeto usuario.

    12. Código JavaScript 

    usuario.idiomas[4] = 'Francés';

console.log(usuario);

    terminal Resultado en la consola terminal

    {
	edad: 30,
	idiomas: ["Español", "Catalán", "Inglés", "Portugués", "Francés"],
	nombre_completo: ["Enrique", "Barros", "Fernández"],
	pais_residencia: "Australia",
	telefonos: {
		telefono1: "0467489304",
		telefono2: "0446395860"
	}
}

    Capítulo 36

  12. No había explicado como hacerlo, pero si lo has conseguido, enhorabuena.
    Se trata de indicarle la posición a eliminar del array.
    13. let usuario = {
	nombre_completo: ['Enrique', 'Barros', 'Fernández'],
	edad: 30,
	telefonos : {
		telefono1: '0467489304',
		telefono2: '0446395860'
		},
	pais_residencia: 'Australia',
	idiomas: ['Español', 'Catalán', 'Inglés', 'Portugués', 'Italiano'],
};

delete usuario.nombre_completo[2];

console.log(usuario.nombre_completo);

    terminal Resultado en la consola terminal

    En lugar de eliminar la posición, elimina el valor y deja una posición vacía.

    ['Enrique', 'Barros', vacío]

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.