Código Js
// 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 siguient
let tituloH1 = document.querySelector('h1');
tituloH1.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".
const clickConsole = () => {
console.log('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". */
const clickPrompt = () => {
let ciudad = prompt('Nombre de una ciudad de Brazil:');
alert(`Estuve en ${ciudad} 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".
const clickAlert = () => {
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.
const clickSuma = () => {
let numero1 = parseInt(prompt('Ingrese el número 1'));
let numero2 = parseInt(prompt('Ingrese el número 2'));
alert(`La suma de ${numero1} y ${numero2} es:` + (numero1+numero2));
};
Código 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="clickConsole()" class="button">Console</button>
<button onclick="clickAlert()" class="button">Alert</button>
<button onclick="clickPrompt()" class="button">Prompt</button>
<button onclick="clickSuma()" class="button">Suma</button>
</main>
<script src="app.js"></script>
</body>
</html>