Tecnología

Inicio

Cómo convertir un campo de texto HTML en valores numéricos

Cómo convertir un campo de texto HTML en valores numéricos


Los números pueden parecerse a los valores numéricos cuando los escribe en un formulario web, sino un navegador web los ve como texto. En informática, existen múltiples tipos de datos. Los tipos enteros, por ejemplo, contienen números que utilizan los ordenadores en los cálculos matemáticos. De texto y de cadena tipos pueden contener todos los caracteres en un teclado, pero las computadoras no pueden sumar o restar ellos. Si su página web recoge datos que requieren los cálculos, debe convertir la entrada de texto en valores numéricos.

Instrucciones

1 Abra el archivo HTML de su página web en el Bloc de notas o un editor HTML.

2 Agregue el código siguiente en cualquier lugar en la sección "<body>" del documento:

<Input id = "Cuadrodetexto1" type = "text" />

<Input type = id = valor "Button1" "botón" = "Haga clic para convertir este texto a un número" onclick = "processButtonClick ()" />

Esto crea un cuadro de texto con un id de "Cuadrodetexto1." También crea un botón. del botón de evento "onclick" se ejecutará la "processButtonClick" función de JavaScript al hacer clic en el botón.

3 Agregue el siguiente código JavaScript a la sección "<head>" del documento:

<Script type = "text / javascript">

funcionar processButtonClick () {

Las primeras dos líneas / /

var textobject = document.getElementById ( "Cuadrodetexto1");

var = TextValue textObject.value;

/ Siguientes dos líneas /

var = parseInt IntegerValue (TextValue);

var = parseInt floatValue (TextValue);

/ FINAL cuatro líneas /

var mensaje = "tipo de cuadro de texto Información =" + typeof (TextValue) +

".. Tipo Entero value =" + typeof (IntegerValue) +

".. Punto Flotante tipo de datos de valor =" + typeof (floatValue);

mensaje de alerta);

}

</ Script>

Las dos primeras líneas de código obtener el texto de "Cuadrodetexto1." Las dos líneas siguientes utilizan el "parseInt" y "métodos parseFloat" para convertir el texto en un número entero y un número de coma flotante. Las últimas cuatro líneas muestran los tres valores y sus tipos de datos.

4 Guarde el archivo HTML y abrirlo en su navegador. Escriba un número en el cuadro de texto y haga clic en el botón. La función de JavaScript convertirá el texto que se introduce en un entero y un número de coma flotante. El navegador mostrará los tipos de datos de los tres valores como se muestra a continuación:

"Texto Tipo de cuadro de datos = cadena .. Entero valor de tipo de datos = número de coma flotante .. tipo de datos de valor = número"

Consejos y advertencias

  • Use "parseInt" para convertir la entrada de texto a números enteros cuando se necesita un valor entero. Use "parseFloat" cuando se necesita para trabajar con números en coma flotante.