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

Desafio

  • 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 Desafío';
  • Crea una función que muestre en la consola el mensaje "El botón fue clicado" siempre que se presione el botón "Console".
//Archivo index.html
<button onclick="clickUsuario();" class="button">Console</button>
//Archivo app.js
function clickUsuario() {
    console.log('El botón fue clicado');
}
  • 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".
//Archivo index.html
<button onclick="mensajePrompt();" class="button">Prompt</button>
//Archivo app.js
function mensajePrompt() {
    let ciudad = prompt('Ingresa una ciudad de Brasil');
    alert(`Estuve en ${ciudad} y me acordé de ti`);
}
  • Crea una función que muestre una alerta con el mensaje: "Yo amo JS" siempre que se presione el botón "Alerta".
//Archivo index.html
<button onclick="mensajeAlert();" class="button">Alert</button>
//Archivo app.js
function mensajeAlert() {
    alert('Yo amo JS');
}
  • Al hacer clic en el botón "suma", pide 2 números y muestra el resultado de la suma en una alerta.
//Archivo index.html
<button onclick="suma();" class="button">Suma</button>
//Archivo app.js
function suma() {
    let num1 = parseInt(prompt('Ingresa el primer numero a sumar'));
    let num2 = parseInt(prompt('Ingresa el segundo numero a sumar'));
    let resultado = num1 + num2;
    alert(`El resultado de la suma de ${num1} mas ${num2} es: ${resultado}`);
}
1 respuesta

Hola Brandon, ¡espero que estés bien!

Nos alegra que estés aprendiendo este contenido y logrando realizar las actividades. ¡No veo nada que sugerir ahora, entonces éxito en los estudios!

Cualquier duda del contenido puede utilizar nuestro foro de la plataforma para preguntar.

Anexo: el foro se centra en las dudas de contenido y actividad, ¡pero apreciamos sus resultados! Te sugiero que compartas tus resultados en el canal de principiante en programación en lo servidor en Discord.

¡Vamos juntos!

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