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

Desafio 1: Funciones en JS y llamando en HTML

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="mostrarMsgConsole()" class="button">Console</button>
        <button onclick="mostrarMsgJS()" class="button">Alert</button>
        <button onclick="preguntarCiudad()" class="button">Prompt</button>
        <button onclick="sumarDosNumeros()" class="button">Suma</button>
    </main>

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

JS

document.querySelector('h1').innerHTML = 'Hora del Desafío';

function mostrarMsgConsole(){
    console.log('El botón fue clicado');
}

function preguntarCiudad(){
    let ciudad = prompt('Dime un nombre de una ciudad de Brasil');
    alert(`Estuve en ${ciudad} y me acordé de ti`);
}

function mostrarMsgJS(){
    alert('Yo amo JS');
}

function sumarDosNumeros(){
    let num1 = parseFloat(prompt('Dime un primer numero:'));
    let num2 = parseFloat(prompt('Dime un segundo numero:'));
    let suma = num1 + num2;

    alert(`La suma de los dos números es: ${suma}`);
}
1 respuesta

¡Hola! ¿Cómo estás?

Gracias por tu aporte en el foro. Su contribución es esencial para el crecimiento de nuestra comunidad en Alura.

Sigue así y no dudes en volver al foro si tienes alguna pregunta o dificultad.

Abrazos y buenos estudios!

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