Estoy tratando de construir una calculadora simple usando HTML, CSS y Vanilla Javascript. Donde quiero asegurarme de que el campo de entrada (pantalla de visualización) no tenga más de 4 dígitos en el primer operando y de manera similar para que sigan los siguientes operandos.
Historia hasta ahora
índice.html
<table class="calculator"> <tr> <td colspan="4"><input class="display-box" type="text" id="result" disabled /></td> </tr> <tr> <td><input class="button" type="button" value="1" onclick="display('1')" /> </td> <td><input class="button" type="button" value="2" onclick="display('2')" /> </td> <td><input class="button" type="button" value="3" onclick="display('3')" /> </td> <td><input class="button" type="button" value="*" onclick="display('*')" /></td> </tr> ... </table>guión.js
function display(value) { document.getElementById("result").value += value; // var ops = ["+", "-", "%", "*", "/"]; result=document.getElementById("result").value result=result.split(/[+-/*]+/).pop(); console.log(result) if(result>9999){ document.getElementById("result").value = "Error" alert("Error: Entered more than 4 digits") } } Esto funciona para el primer conjunto de operandos, y luego el var result toma 4 dígitos + el siguiente operando (de longitud 1), es decir, el siguiente número ingresado que hace que su longitud sea 5 y aparece una alerta. Idealmente, el resultado debe establecerse en nulo al encontrar cualquier operador y luego tomar la longitud del siguiente operando y así sucesivamente.
ingrese la descripción de la imagen aquí Aquí, uso la variable temporal que almacena el valor del dígito ingresado después de un operador. inicialmente, el "valor" da un dígito en el tipo de cadena, así que lo convierto en tipo de número y agrego este número en la variable temporal. cuando el usuario hace clic en el operador, el valor temporal se convierte en 0, luego este proceso continúa hasta que se satisface la temperatura> 9999 y luego se muestra un mensaje de error al usuario.
temp = 0; function display(value) { var k = parseInt(value); console.log(k); temp = temp*10 + k; document.getElementById("result").value += value; var ops = ["+", "-", "%", "*", "/"]; result=document.getElementById("result").value if(ops.includes(value)){ temp=0 console.log("Ops found!") flag = true; } console.log(temp) console.log(result) if(temp>9999){ document.getElementById("result").value = "Error" alert("Error: Entered more than 4 digits") }Sugeriría dividir el resultado en operandos y luego verificar la longitud de cada operando. Código de ejemplo a continuación:
validResult = "1234+5678" invalidResult = "12345+123" function testResult(result) { console.log(`Testing "${result}"`); // Get operands (ie find all numeric substrings) const operands = result.match(/[0-9]+/g); console.log(`Operands are ${operands.join(", ")}`); // Measure length of operands for(const operand of operands) { if(operand.length > 4) { // Return false if any of the operands are > 4 digits console.log(`"${result}" is not valid`); return false; } } console.log(`"${result}" is valid`); return true; } // Prints true console.log(testResult(validResult)); // Prints false console.log(testResult(invalidResult));¿Has probado a usar la función Number() ? Es exactamente lo que dice que es, toma una cadena y la convierte en un número. Luego puede verificar si es mayor que 9,999.