Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Solucionado (ver solución)
Solucionado
(ver solución)
1
respuesta

Desafío: hora de practicar

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <title>Document</title>
</head>
<body>
    <header>
        <h1></h1>
    </header>
    <main class="container">
        <button onclick="mostrarMensaje();" class="button">Console</button>
        <button onclick="amoJs();" class="button">Alert</button>
        <button onclick="nombreCiudad();" class="button">Prompt</button>
        <button onclick="suma();" class="button">Suma</button>
    </main>

      <script src="app.js"></script>
</body>
</html>

JS

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

function mostrarMensaje() {
    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".

function nombreCiudad() {
    let ciudad = prompt("Indique un nombre de la 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".

function amoJs() {
    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.

function suma() {
    let valor1 = parseInt(prompt("Ingrese primer valor a sumar"));
    let valor2 = parseInt(prompt("IIngrese segundo valor a sumar"));

    let resultado = valor1 + valor2;

    alert(`La suma de ${valor1} y ${valor2} es ${resultado}`)
}
1 respuesta
solución!

Hola Juan, espero que estés bien

Gracias por compartir tu actividad con nosotros. Recuerda que estamos aquí para ayudarte. Si necesitas ayuda, no dudes en buscarnos en el foro.

¡Gracias nuevamente!

Saludos,

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