Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

08 Desafío: hora de practicar (INTERACTUANDO CON HTML)

Desafíos

  1. Descarga otro proyecto haciendo clic en este enlace y ábrelo en Visual Studio Code.
  2. Cambia el contenido de la etiqueta h1 con document.querySelector y asigna el siguiente texto: "Hora del Desafío".
let titulo = document.querySelector("h1");
titulo.innerHTML = "Hora del desafio";
  1. Crea una función que muestre en la consola el mensaje "El botón fue clicado" siempre que se presione el botón "Console".

HTML:

<div class="container__botones">
                    <button onclick="console()" class="container__boton">Console</button>
</div>

App,js

function console() {
    console.log("El boton fue clicado");
}
  1. Crea una función que se ejecute cuando se haga clic en el botón "prompt", preguntando el nombre de una ciudad de Brasil. Luego, muestra una alerta con el mensaje concatenando la respuesta con el texto: "Estuve en {ciudad} y me acordé de ti".

HTML:

<div class="container__botones">
                    <button onclick="prompt()" class="container__boton">Prompt</button>
</div>

App,js

let ciudad = prompt("Ingrese una ciudad");

function prompt() {
    alert(`Estuve en ${ciudad} y me acordé de ti`);
}
  1. Crea una función que muestre una alerta con el mensaje: "Yo amo JS" siempre que se presione el botón "Alerta".

HTML:

<div class="container__botones">
                    <button onclick="alerta()" class="container__boton">Alerta</button>
</div>

App.js

function alerta() {
    alert("Yo amo JS");
}
  1. Al hacer clic en el botón "suma", pide 2 números y muestra el resultado de la suma en una alerta.

HTML:

<div class="container__botones">
                    <button onclick="suma()" class="container__boton">SUMA</button>
</div>

App.js

function suma() {
    numero1 = Math.floor(prompt("Ingrese el primer numero"));
    numero2 = Math.floor(prompt("ingrese el segundo numero"));
    sumaDeNumeros = numero1 + numero2
    alert(`La suma de los numeros ingresados es : ${sumaDeNumeros}`);
}

Les agradeceria comentar si mis respuestas son correctas. Muchas gracias.

1 respuesta

¡Hola, Estudiante!

Aprecio tu participación en el foro. Quiero recordarte que este espacio está pensado principalmente para aclarar dudas y hacer preguntas. No es necesario compartir cada actividad detalladamente.

¡Gracias por tu comprensión y por contribuir a hacer del foro un lugar enfocado en el intercambio útil y constructivo! Si prefieres discutir o compartir comentarios sobre el contenido te invitamos a unirte a nuestra comunidad en Discord.

Saludos.

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios!