Kuidas luua Arvutused Web Page

juhised

1. Avatud veebilehe, kuhu soovite oma kalkulaatorit.

2. Kopeeri järgmised skripti päisejaotisesse lehekülje (& lt; head & gt; ja & lt; / head & gt; sildid kohal & lt; body & gt; tag).

   & amp; lt; script type = \ & amp; quot; text / javascript \ & amp; quot;language = \ & amp; quot; Javascript \ & amp; quot; & gt;

   var v1 = 0

   GO

   var v2 = 0

   GO

   var vastus = 0

   GO

   funktsiooni Arvuta () {
   
   // Arvestusagendil: muutus operaator selles võrrandis muuta arvutamisel
   vastus = v1 + v2

   GO

   var elem

   GO

   elem = document.getElementById (\ & amp; quot; v1 \ & amp; quot;)

   GO

   elem.value = v1

   GO

   elem = document.getElementById (\ & amp; quot; v2 \ & amp; quot;)

   GO

   elem.value = v2

   GO

   elem = document.getElementById (\ & amp; quot; vastake \ & amp; quot;)

   GO

   elem.value = vastata

   GO

   }

   funktsiooni setValue (elem) {
   var val = 0,0

   GO

   kui (elem.value! = \ & amp; quot; \ & amp; quot;) {
   val = parseFloat (elem.value)

   GO

   }
   else {
   val = 0,0

   GO

   }
   lüliti (elem.id) {
   juhul \ & amp; quot; v1 \ & amp; quot ;: v1 = val;murda

   GO

   juhul \ & amp; quot; v2 \ & amp; quot ;: v2 = val;murda

   GO

   }
   arvutama ()

   GO

   }
   & amp; lt; / script & gt;

3. Lisa atribuudi onload = \ "Arvuta (); \" & lt; body & gt;tag, nii tundub see: & lt; body onload = \ "Arvuta (); \" & gt ;.Kui on muid atribuute body, ei kustuta neid, lihtsalt lisada uue onload atribuut.

4. Organismis oma veebilehel, lisage järgmine HTML kujul, kus sa tahaksid olla kalkulaator ilmuda:

   & lt; vormis & gt;

   & amp; lt; input type = \ & amp; quot; tekst \ & amp; quot;id = \ & amp; quot; v1 \ & amp; quot;onKeyUp = \ & amp; quot; javascript: setValue (seda); \ & amp; quot; & gt;+
   & amp; lt; input type = \ & amp; quot; tekst \ & amp; quot;id = \ & amp; quot; v2 \ & amp; quot;onKeyUp = \ & amp; quot; javascript: setValue (seda); \ & amp; quot; & gt;=
   & amp; lt; input type = \ & amp; quot; tekst \ & amp; quot;id = \ & amp; quot; vastake \ & amp; quot;readonly & gt;

   & lt; / form & gt;

5. Change arvutamisel muutes line "vastus = v1 + v2" JavaScripti osa.Näiteks, kui soovid korrutada asemel lisada, muuta plussmärki tärniga (*) niimoodi:

   vastus = v1 * v2

   Uuenda HTML vormi näidata uue arvutuse.