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

Práctica

App:
let titulo = document.querySelector("h1");

titulo.innerHTML = "Hora del Desafío";

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

function alertFunction2() {
let ciudad = prompt("Menciona una ciudad de Brasil");
if (ciudad && ciudad.trim() !== "") {
alert(Estuve en ${ciudad}, y me acordé de ti);
} else {
alert('No ingresaste ninguna ciudad.');
}
};

function alertFunction3() {
alert("Yo amo JS");
};
function alerFunction3() {
let numero1 = parseInt(prompt("Dame un número"));
let numero2 = parseInt(prompt("Dame otro número"));
if (!isNaN(numero1) && !isNaN(numero2)) {
let suma = numero1 + numero2;
alert(La suma de ${numero1} + ${numero2} es ${suma});
} else {
alert('No ingresaste números válidos.');
}
}

HTML:

  <script src="app.js"></script>
1 respuesta

Hola Gabriel, espero que estés bien

¡Qué bueno que estás practicando con JavaScript! Veo que has escrito varias funciones para interactuar con botones en una página web. Sin embargo, parece que hay un pequeño error en el código que compartiste. Noté que tienes dos funciones con nombres muy similares: alertFunction3() y alerFunction3(). Esto podría causar confusión, ya que los nombres son casi idénticos y puede llevar a errores al intentar llamarlas.

Para resolver esto, te sugiero cambiar el nombre de una de las funciones para que sean claramente distintas. Por ejemplo, podrías renombrar alerFunction3() a alertFunctionSum(), de modo que sea más claro que esta función está relacionada con la suma de números. A continuación te muestro cómo podría quedar el código corregido:

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

function alertFunctionSum() {
    let numero1 = parseInt(prompt("Dame un número"));
    let numero2 = parseInt(prompt("Dame otro número"));
    if (!isNaN(numero1) && !isNaN(numero2)) {
        let suma = numero1 + numero2;
        alert(`La suma de ${numero1} + ${numero2} es ${suma}`);
    } else {
        alert('No ingresaste números válidos.');
    }
}

Y en tu HTML, asegúrate de que el botón "Suma" llame a la función correcta:

<button onclick="alertFunctionSum();" class="button">Suma</button>

Con estos cambios, deberías poder ejecutar las funciones correspondientes sin problemas. Espero que esto te ayude a seguir practicando y mejorando tus habilidades de programación.

¡Espero haber ayudado y buenos estudios!