FOROS PROFESIONALES
WINDEV
,
WEBDEV
y
WINDEV Mobile
Inicio
|
Mensajes recientes
|
Conéctese...
|
Desconnectar
|
Español
Inicio
→
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
Iniciado por Mobiwann, 31,ago. 2023 13:47 - 1 respuesta
Conéctese…
Mobiwann
#1
Miembro registrado
6 mensajes
Publicado el 31,agosto 2023 - 13:47
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!
Informar
0
0
JUAN BARBAT
#2
Miembro registrado
76 mensajes
Publicado el 19,noviembre 2023 - 12:26
Porque no usas NumToString?
--
--
Distribuidor autorizado PCSoft.
https://windev.com.uy
Telegram: @jbarbat
Servidor Discord HolaWindev!:
https://discord.gg/TF9btUgg2M
Informar
0
0
→ Volver a WEBDEV 2024
WINDEV 2024
WINDEV 2024
WEBDEV 2024
WEBDEV 2024
WINDEV 26
WINDEV 2024
WINDEV 2024
WINDEV 25
WEBDEV 2024
WEBDEV 2024
WINDEV Mobile 2024
WINDEV Mobile 2024
WINDEV (versiones precedentes)
WINDEV (versiones precedentes)
WEBDEV (versiones precedentes)
WINDEV Mobile (versiones precedentes)
Reports & Queries
Irrelevante
Herramientas
Français
English
Español
Portuguesa
Fermer cette fenêtre
Búsqueda Tipo
Sólo temas
Todos los mensajes
Periodo Buscar
Cualquier fecha
Última hora
Última 24 horas
Última semana
Último mes
Último año
Cancelar
Vista previa del mensaje
Añadiendo una imagen
Importar una imagen desde una URL
Enviar una imagen desde un archivo de su disco
Arrastrar un archivo o click en "Examinar..."
o
Cancelar
0%
WLanguage
SQL
XML, HTML
JAVA, Javascript
Texto