Kuidas luua Arvutused Web Page

veebilehe kalkulaatorid lõbusalt anna oma külastajatele mugav vahend teeme natuke kiire matemaatika ilma tõmmates oma slide valitsejad.Kalkulaatorid lisada natuke nalja ja Stiil oma kodulehel.Kui teil on edendada toote või teenuse, kalkulaatorid aitab teil saada oma sõnum oma klientidele ja luua korrake külastajaid.JavaScript võimaldab teil luua arvutused õigus oma veebilehel, kasutades numbreid külastajad kirjutada HTML-vormi.See lihtne kalkulaator on lähtepunktiks projekteerimisel oma custom veebilehe kalkulaator.

, mida te vajate

  • Tekst või HTML editor
  • veebilehe

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.

Tips & amp;Hoiatused

  • Lisa tekst, stiili ja värvi arvutamise vormi.Panema sisend sildid, kuidas sa tahad, et nad oleksid.Lisa kirjeldused kõik väljad.Pane punane vormi umbes vastus.Ole loominguline.
  • Eksperiment JavaScript ja HTML kujul.Kas teil on vaja täita arvutamise kohta rohkem kui kaks numbrit?Iga koodirida, et on "V2" (välja arvatud arvutamine line) kopeerida koodi uue liini ja muuda "V2" kuni "v3." Lisa uus "v3" väärtust arvutuste Javascript, nagu seda: "vastata = v1 + v2 + v3."

Resources

  • JavaScript Aritmeetiline Ettevõtjad: Basic Math Operations
  • JavaScript Core Math objekt: Advanced Math Operations
753
0
0
Java Script