Necesito su ayuda para probar y capturar declaraciones y arrojar errores en un if/else, con la entrada del usuario. El problema es que "el bloque else" no se ejecuta. El objetivo principal es verificar si es un number para parseInt y luego usar los valores de entrada para una suma. Primero verifico si está empty , luego compruebo si es una letter or strings y luego verifico si es un number al final, en la instrucción else.
El problema es que la entrada siempre se trata como una cadena y nunca va a la instrucción else. ¿Cómo arreglar eso, una vez que todas las entradas son números?
Obs.: El bloque de captura y ambos errores de lanzamiento funcionan bien.
window.onload = () => { const button = document.getElementById('button') button.addEventListener('click', verifyEntries) } function verifyEntries () { try { const value1 = document.getElementById('value1').value; const value2 = document.getElementById('value2').value; if (value1 === '' || value2 === ''){ // check if the input is empty throw new Error(' value 1 and value 2 must be filled !'); // **this line execute** } else if (typeof value1 !== 'number' && typeof value2 !== 'number'){ // check if is "alphabetical" throw new Error(' both values should be numbers'); // **this line execute**line 17 } else { // **this block does not executes - the input stays as strings** const result = parseInt(value1) + parseInt(value2); document.getElementById('result').innerHTML = `Resultado: ${result}`; // I get the error message line 17 } } catch (error) { alert('Atention! ' + error) } finally { document.getElementById('value1').value = '' document.getElementById('value2').value = '' } } <body> <p>Inform two numbers to sum:</p> <label for='value1'>Valor 1:</label> <input type='text' id='value1'> <label for='value2'>Valor 2:</label> <input type='text' id='value2'> <button id='button'>Sum</button> <p id='result'></p> <script src="script.js"></script> </body>Gracias chicos por su ayuda. Después de buscar mucho en este sitio, encontré una buena alternativa, lo he comprobado y funciona bien. Echar un vistazo.
window.onload = () => { const button = document.getElementById('button') button.addEventListener('click', verifyEntries) } function verifyEntries () { try { const value1 = Number(document.getElementById('value1').value); const value2 = Number(document.getElementById('value2').value); console.log(value1, value2); if (value1 == '' || value2 == ''){ // check if the input is empty throw new Error(' value 1 and value 2 must be filled !'); // this line execute } else if (isNaN(value1) || isNaN(value2)){ // check if is "alphabetical" throw new Error(' both values should be numbers'); // this line execute } else { // parseInt(value1) && parseInt(value2) - this line is not necessary. console.log(value1, value2); const result = (value1) + (value2); document.getElementById('result').innerHTML = `Resultado: ${result}`; // is working now } } catch (error) { alert('Atention! ' + error) } finally { document.getElementById('value1').value = '' document.getElementById('value2').value = '' } }