Come convertire un campo di testo HTML in valori numerici

January 1

Come convertire un campo di testo HTML in valori numerici


I numeri possono apparire come valori numerici durante la digitazione in un modulo web, ma un web browser li vede come testo. In informatica, esistono più tipi di dati. tipi interi, ad esempio, contengono i numeri che i computer utilizzano in calcoli matematici. tipi di testo e stringhe possono contenere tutti i caratteri su una tastiera, ma i computer non possono aggiungere o sottrarre. Se la tua pagina web raccoglie i dati che richiede calcoli, è necessario convertire l'immissione di testo in valori numerici.

istruzione

1 Aprire il file HTML della pagina Web in Blocco note o un editor HTML.

2 Aggiungere il seguente codice in qualsiasi punto della sezione "<body>" del documento:

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

<Input id = type = valore "Button1 tasto" "" = "Clicca per convertire questo testo in un numero" onclick = "processButtonClick ()" />

Questo crea una casella di testo con un ID di "Textbox1." Inoltre, crea un pulsante. "Onclick" evento del pulsante eseguirà il "processButtonClick" JavaScript funzione quando si fa clic sul pulsante.

3 Aggiungere il seguente codice JavaScript alla sezione "<head>" del documento:

<Script type = "text / javascript">

funzione processButtonClick () {

/

Prime due righe /

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

var = textValue textObject.value;

/ Due righe successive /

var integerValue = parseInt (textValue);

var floatValue = parseInt (textValue);

/ Finali quattro linee /

var message = "tipo di dati Casella di testo =" + typeof (textValue) +

".. Integer tipo di dati value =" + typeof (integerValue) +

".. Virgola mobile tipo di dati value =" + typeof (floatValue);

alert (messaggio);

}

</ Script>

Le prime due righe di codice ottenere il testo da "Textbox1." Le due righe successive utilizzano il "parseInt" e metodi "parseFloat" per convertire il testo in un numero intero e di un numero a virgola mobile. Le ultime quattro righe visualizzano i tre valori ei relativi tipi di dati.

4 Salvare il file HTML e aprirlo nel browser. Digitare un numero nella casella di testo e fare clic sul pulsante. La funzione JavaScript converte il testo che si entra in un intero e un numero a virgola mobile. Il browser visualizzerà i tipi di dati dei tre valori come illustrato di seguito:

"Testo tipo di dati di dialogo = stringa .. intero Dati valore type = numero .. virgola mobile tipo di dati value = numero"

Consigli e avvertenze

  • Utilizzare "parseInt" per convertire l'immissione di testo a numeri interi quando avete bisogno di un valore intero. Utilizzare "parseFloat" quando si ha bisogno di lavorare con numeri in virgola mobile.