app.js
/* 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 Desafío";
/*
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".
*/
function clickearBotonConsole() {
alert("El botón 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".
*/
function clickearBotonPrompt() {
let nombreCiudad = prompt("Ingrese el nombre de una ciudad del Brasil");
alert(`Estuve en ${nombreCiudad} y me acordé 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".
*/
function clickearBotonAlerta() {
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.
*/
function clickearBotonSuma() {
let numero1 = parseInt(prompt("Ingrese el primer número"));
let numero2 = parseInt(prompt("Ingrese el segundo número"));
alert(`La suma de ${numero1} + ${numero2} = ${numero1 + numero2}`);
}
index.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="clickearBotonConsole();" class="button">Console</button>
<button onclick="clickearBotonAlerta()" class="button">Alert</button>
<button onclick="clickearBotonPrompt();" class="button">Prompt</button>
<button onclick="clickearBotonSuma()" class="button">Suma</button>
</main>
<script src="app.js"></script>
</body>
</html>
