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

Texto original

<button onclick="mostrarEnConsola()">Console</button>
<button onclick="mostrarCiudad()">Prompt</button>
<button onclick="mostrarAlerta()">Alerta</button>
<button onclick="sumarNumeros()">Suma</button>

<script>
    // Cambiar el contenido del h1
    document.querySelector('h1').textContent = "Hora del Desafío";

    // Función para mostrar mensaje en consola
    function mostrarEnConsola() {
        console.log("El botón fue clicado");
    }

    // Función para prompt y alerta con ciudad
    function mostrarCiudad() {
        let ciudad = prompt("¿Nombre de una ciudad de Brasil?");
        if (ciudad) {
            alert("Estuve en " + ciudad + " y me acordé de ti");
        }
    }

    // Función para alerta simple
    function mostrarAlerta() {
        alert("Yo amo JS");
    }

    // Función para pedir 2 números y mostrar la suma
    function sumarNumeros() {
        let num1 = parseFloat(prompt("Ingresa el primer número:"));
        let num2 = parseFloat(prompt("Ingresa el segundo número:"));
        if (!isNaN(num1) && !isNaN(num2)) {
            alert("La suma es: " + (num1 + num2));
        } else {
            alert("Por favor ingresa números válidos.");
        }
    }
</script>
1 respuesta

Resultado ejercicio

HTML

<main class="container">
    <button onclick="mostrarEnConsola()" class="button">Console</button>
    <button onclick="mostrarAlerta()" class="button">Prompt</button>
    <button onclick="mostarAlerta()" class="button">Alert</button>
    <button onclick="sumaDosNumeros()" class="button">Suma</button>
</main>

JS

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

function mostrarEnConsola() {
alert("El botón fue clicado");
}

function mostrarAlerta() {
let ciudad = prompt("Por favor, ingresa el nombre de una ciudad de Brasil:");
alert("Estuve en " + ciudad + " y me acordé de ti.");
}

function mostarAlerta(){
alert("Yo amo JS");
}

function sumaDosNumeros(){
let primerNumero = parseInt(prompt('Digite el primer numero'));
let segunNumero = parseInt(prompt('Digite el segundo numero'));
let resultado = primerNumero + segunNumero;
alert('${primerNumero} + ${segunNumero} = ${resultado}')
}