He hecho una condición if else simple donde debería mostrar cuál es el mayor número de las dos entradas ingresadas, pero me muestra el valor opuesto al esperado. ¿Que esta pasando? ¡Gracias por adelantado!
HTML:
<input type= "text" id="texto"> <input type= "text" id="texto2"> <button type="submit" id="enviar">Enviar</button>JS:
const texto = document.getElementById('texto'); const texto2 = document.getElementById('texto2'); const send = document.getElementById('send'); send.addEventListener('click', mayorque) function mayorque() { if (texto > texto2){ alert('Input 1 is greater than input 2') } else { alert('Input 2 is greater than input 1') } }Algunos problemas.
Cuando configura la variable texto en carga, está tomando el valor de la entrada en carga. Deberá obtener el valor en la función.
Usar algo como parseFloat convertirá el valor a un valor numérico. Flotante permitirá puntos decimales.
let texto = document.getElementById('texto'); let texto2 = document.getElementById('texto2'); const send = document.getElementById('send'); send.addEventListener('click', mayorque) function mayorque() { texto = parseFloat(texto.value); texto2 = parseFloat(texto2.value); if (texto > texto2) { alert('Input 1 is greater than input 2') } else { alert('Input 2 is greater than input 1') } } <input type="text" id="texto"> <input type="text" id="texto2"> <button type="submit" id="send">Enviar</button>