Entrar ¿Aún no tienes acceso?
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

Desafío: hora de practicar

Referente al curso Lógica de programación: explorar funciones y listas, en el capítulo Interactuando con HTML y actividad Desafío: hora de practicar

por Estefani Abigail Martinez Vazquez
| 13.9k xp | 71 posts

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

3-Crea una función que muestre en la consola el mensaje "El botón fue clicado" siempre que se presione el botón "Console".

 <button onclick="mostrarMensaje();" class="button">Console</button>
 
 function mostrarMensaje(){
    alert('el boton fue clicado');
}

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

 <button onclick="ciudadBrasil();" class = "button">Alert </button>
 
 function ciudadBrasil(){
    let ciudad = prompt('Por favor ingresa el nombre de una ciudad de Brasil:');
    alert('Estuve en'+ ciudad + ' y me acorde de ti');
}

5-Crea una función que muestre una alerta con el mensaje: "Yo amo JS" siempre que se presione el botón "Alerta".

 <button onclick="mensajeAlerta();" class="button">Prompt</button>
 
 function mensajeAlerta(){
    alert('yo Amo JS');
}

6-Al hacer clic en el botón "suma", pide 2 números y muestra el resultado de la suma en una alerta.

  <button onclick="sumaDosNumeros();" class="button">Suma</button>
  
  function sumaDosNumeros(){
    let numeroUno = parseInt(prompt('escriba el primer numero:'));
    let numeroDos = parseInt(prompt('escriba el segundo numero:'));
    let resultado = numeroUno + numeroDos;
    alert(' resultado es :' + resultado);
1 respuesta
por Brenda Souza
| 5751.4k xp | 20854 posts
Instructor

Hola Estefani, espero que estés bien

Gracias por compartir tu código. Vamos a revisar cada uno de los puntos para asegurarnos de que todo esté correcto.

  1. Cambiar el contenido de la etiqueta h1: Tu código parece correcto. Solo asegúrate de que la etiqueta h1 esté presente en tu HTML y que el script se ejecute después de que el DOM esté completamente cargado.
let titulo = document.querySelector('h1');
titulo.innerHTML = 'Hora del Desafío';
  1. Función para mostrar en la consola: Estás usando alert en lugar de console.log. Aquí está la corrección:
<button onclick="mostrarMensaje();" class="button">Console</button>

<script>
function mostrarMensaje(){
    console.log('El botón fue clicado');
}
</script>
  1. Función para el botón "prompt": Tu código está casi correcto, solo asegúrate de que el botón tenga el texto correcto y revisa los espacios en la concatenación:
<button onclick="ciudadBrasil();" class="button">Prompt</button>

<script>
function ciudadBrasil(){
    let ciudad = prompt('Por favor ingresa el nombre de una ciudad de Brasil:');
    alert('Estuve en ' + ciudad + ' y me acordé de ti');
}
</script>
  1. Función para mostrar "Yo amo JS": Asegúrate de que el botón tenga el texto correcto:
<button onclick="mensajeAlerta();" class="button">Alerta</button>

<script>
function mensajeAlerta(){
    alert('Yo amo JS');
}
</script>
  1. Función para sumar dos números: Asegúrate de cerrar todas las llaves y tener el texto correcto en el botón:
<button onclick="sumaDosNumeros();" class="button">Suma</button>

<script>
function sumaDosNumeros(){
    let numeroUno = parseInt(prompt('Escriba el primer número:'));
    let numeroDos = parseInt(prompt('Escriba el segundo número:'));
    let resultado = numeroUno + numeroDos;
    alert('El resultado es: ' + resultado);
}
</script>

Espero que estas correcciones te ayuden a completar el desafío. ¡Bons estudios!