Escribo un código js para determinar qué número es más grande, ¡pero el resultado no es perfecto! cuando ingreso dos números con números del mismo dígito, el resultado es correcto. Por ejemplo, cuando ingreso "2" y "3", el resultado es "3", pero cuando ingreso "2" en el primer campo y "55" en el segundo, el resultado es "2".
Gracias de antemano.
lo siento por mi débil inglés.
function biggerOne() { var x = document.getElementById("firstNumber").value; var y = document.getElementById("secondNumber").value; if (x>y){ document.getElementById("Result").innerHTML=x; } else { document.getElementById("Result").innerHTML=y; } } <!DOCTYPE html> <head> <script src="show bigger.js"></script> </head> <body> <p>insert first number</p> <input type="number" id="firstNumber" ر> <p> insert second number</p> <input type="number" id="secondNumber"> <button onclick="biggerOne()"> result </button> <!---it is so important to insert value in the below code line--> <p id="Result" value=""></p> </body>cambie el tipo de x e y a número y luego intente comparar. Para convertir, puede usar Number o parsint
if (Number(x) > Number(Y)) //some code else //some codeDocument.getElementById() devuelve el valor de tipo "Cadena" y la comparación entre dos cadenas actuará de manera diferente. Mejor convertir esos tipos de cadenas a enteros.
var x = document.getElementById("firstNumber").value; var y = document.getElementById("secondNumber").value; if (parseInt(x) > parseInt(y)) { document.getElementById("Result").innerHTML=x; } else { document.getElementById("Result").innerHTML=y; } <!DOCTYPE html> <head> <script src="show bigger.js"></script> </head> <body> <p>insert first number</p> <input type="number" id="firstNumber" ر> <p> insert second number</p> <input type="number" id="secondNumber"> <button onclick="biggerOne()"> result </button> <!---it is so important to insert value in the below code line--> <p id="Result" value=""></p> <script> function biggerOne() { var x = document.getElementById("firstNumber").value; var y = document.getElementById("secondNumber").value; if (parseInt(x) > parseInt(y)) { document.getElementById("Result").innerHTML = x; } else { document.getElementById("Result").innerHTML = y; } } </script> </body>Utilice el método parseInt.