PC SOFT

PROFESSIONAL NEWSGROUPS
WINDEVWEBDEV and WINDEV Mobile

Home → WEBDEV 2024 → Conversión de cadena de JavaScript a número en HTML: en busca de aclaraciones
Conversión de cadena de JavaScript a número en HTML: en busca de aclaraciones
Started by Mobiwann, Aug., 31 2023 1:47 PM - 1 reply
Registered member
6 messages
Posted on August, 31 2023 - 1:47 PM
Estoy trabajando en un pequeño proyecto HTML y JavaScript y tengo un problema al convertir cadenas en números. Tengo un campo de entrada en mi HTML donde los usuarios pueden ingresar un número como una cadena. Estoy usando JavaScript para convertir esta cadena en un número y realizar cálculos, pero no obtengo los resultados esperados.

Aquí está mi código HTML y JavaScript:

<!DOCTYPE html>
<html>
<head>
<title>String to Number Conversion</title>
</head>
<body>
<input type="text" id="numberInput" placeholder="Enter a number">
<button onclick="calculate()">Calculate</button>

<p id="result"></p>

<script>
function calculate() {
let input = document.getElementById("numberInput").value;
let convertedNumber = Number(input);

let result = convertedNumber + 10;
document.getElementById("result").textContent = "Result: " + result;
}
</script>
</body>
</html>


Cuando ingreso un número en el campo de entrada y hago clic en el botón "Calcular", el resultado no es el esperado. Por ejemplo, si ingreso "5", el resultado que se muestra es "510" en lugar de "15".

¿Alguien podría explicar por qué sucede esto? ¿Me falta algo en mi código? ¿Cómo puedo asegurarme de que la cadena se convierta correctamente en un número antes de realizar los cálculos? Cualquier idea o modificación del código será muy apreciada. ¡Gracias!
Registered member
87 messages
Posted on November, 19 2023 - 12:26 PM
Porque no usas NumToString?

--
--
Distribuidor autorizado PCSoft.
https://windev.com.uy
Telegram: @jbarbat
Servidor Discord HolaWindev!: https://discord.gg/TF9btUgg2M