June 9
pagina Web calcolatori sono un modo divertente per dare ai tuoi visitatori un pratico strumento per fare un po 'di matematica veloce senza tirare fuori i loro governanti di diapositive. Calcolatrici aggiungere un po 'di divertimento e brio al tuo sito web. Se si stanno promuovendo un prodotto o servizio, calcolatrici può aiutare a ottenere il vostro messaggio ai vostri clienti e generare visitatori abituali. JavaScript consente di creare i calcoli a destra sulla tua pagina web, utilizzando i numeri i visitatori digitare in un form HTML. Questo semplice calcolatrice è il punto di partenza per progettare il proprio calcolatrice pagina Web personalizzata.
1 Aprire la pagina web dove vuoi la calcolatrice.
2 Copiare il seguente script nella sezione di intestazione della pagina (tra i tag <head> e </ head> tag sopra il tag <body>).
<script type=\"text/javascript\" language=\"Javascript\">
var v1 = 0
ANDARE
var v2 = 0
ANDARE
var answer = 0
ANDARE
function calculate () {
// The Calculation: change operator in this equation to change the calculation
answer = v1 + v2
ANDARE
var elem
ANDARE
elem = document.getElementById(\"v1\")
ANDARE
elem.value = v1
ANDARE
elem = document.getElementById(\"v2\")
ANDARE
elem.value = v2
ANDARE
elem = document.getElementById(\"answer\")
ANDARE
elem.value = answer
ANDARE
}
Funzione setValue (elem) {
var val = 0.0
ANDARE
if (elem.value != \"\") {
val = parseFloat(elem.value)
ANDARE
}
else {
val = 0.0
ANDARE
}
switch (elem.id) {
case \"v1\": v1 = val; break
ANDARE
case \"v2\": v2 = val; break
ANDARE
}
calculate()
ANDARE
}
</script>
3 Aggiungere il onload attributo = \ "calcolare (), \" al tag <body>, in modo che appaia questo: <body onload = \ "calcolare (); \">. Se ci sono altri attributi del tag body, non li elimina, basta aggiungere il nuovo attributo onload.
4 Nel corpo della pagina web, aggiungere il seguente form HTML in cui si desidera avere la calcolatrice appare:
<Form>
<input type=\"text\" id=\"v1\" onKeyUp=\"javascript: setValue(this);\"> +
<input type=\"text\" id=\"v2\" onKeyUp=\"javascript: setValue(this);\"> =
<input type=\"text\" id=\"answer\" readonly>
</ Form>
5 Modificare il calcolo cambiando la riga "risposta = V1 + V2" nella sezione JavaScript. Ad esempio, se si desidera moltiplicare invece di aggiungere, modificare il segno più per un asterisco (*) in questo modo:
answer = v1 * v2
Aggiornare il modulo HTML per mostrare il nuovo calcolo.