es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

¿Cómo convierte una cadena de un archivo HTML a un número?

06 Jun, 2023 Programación

Quiero convertir una cadena en un documento HTML en un número, pero si intento usar Number() o parseInt() con un document.getElementByID se convierte en NaN (bueno, pensaría eso también, pero no conocía otra opción). Aquí hay un ejemplo de código:

function juntos() {
  let base = document.getElementById("Base");
  let add = document.getElementById("Addition");
  let sumshow = document.getElementById("Sum");
  let sum = Number /*o parseInt*/(base) + Number /*o parseInt*/(add);
  sumshow.innerHTML = sum;
}

Repositorio GitHub si quieres la cosa completa: github.com/SupaSibs/Calculator-Supa

Tags:  , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Para convertir una cadena en un documento HTML a un número, es necesario usar la propiedad value del elemento devuelto por getElementByID(). Al intentar convertir el elemento directamente utilizando Number() o parseInt(), el resultado es NaN'; sin embargo, utilizando la propiedadvalue`, se puede acceder a los valores de entrada reales. Por lo tanto, el código corregido se vería así:

    function juntos() {
  let base = Number(document.getElementById("Base").value);
  let add = Number(document.getElementById("Addition").value);
  let sumshow = document.getElementById("Sum");
  let sum = base + add;
  sumshow.innerHTML = sum;
}

    Este código ahora debería sumar correctamente los valores de entrada y mostrar el resultado en el elemento con ID Sum.

Comments are closed.