Miten luodaanlaskelmat Web-sivu

verkkosivu laskimet ovat hauska tapa antaa kävijöitä kätevä työkalu tekee hieman nopea matematiikkaa vetämättä pois heidän dia hallitsijat.Laskimet lisätä hieman hauskaa ja puhti sivustoosi.Jos olet edistää tuotteen tai palvelun, laskimet voi auttaa sinua saamaan viestisi asiakkaillesi ja tuottaa toistaa kävijät.JavaScript voit luoda laskelmia suoraan Web-sivulla, käyttäen numeroita kävijöitä kirjoitat HTML-muotoon.Tämä yksinkertainen laskin on lähtökohta suunnitella omia web-sivun laskin.

mitä tarvitset

  • teksti tai HTML-editori
  • verkkosivu

Ohjeet

  1. Avaa web-sivulle, jossa haluaisit laskin.

  2. Kopioi seuraava kirjoitus otsikkoon osioon (& lt; head & gt; & lt; / head & gt; -tunnisteiden yläpuolella & lt; body & gt; tag).

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

    var V1 = 0

    GO

    var v2 = 0

    GO

    var vastaus = 0

    GO

    toiminto laske () {
    // laskeminen: muutos operaattori tämän y
    htälön muuttaa laskelman
    vastaus = 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; vastaus \ & amp; quot;)

    GO

    elem.value = vastata

    GO

    }

    toiminto SetValue (elem) {
    var val = 0,0

    GO

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

    GO

    }
    muuta {
    val = 0,0

    GO

    }
    kytkin (elem.id) {
    tapauksessa \ & amp; quot; v1 \ & amp; quot ;: v1 = Vai;rikkoa

    GO

    tapauksessa \ & amp; quot; v2 \ & amp; quot ;: v2 = Vai;rikkoa

    GO

    }
    laske ()

    GO

    }
    & amp; lt; / script & gt;
  3. Lisää määrite lataustapahtuman = \ "Laske (); \" & lt; body & gt;tag, joten se näyttää tältä: & lt; body onload = \ "Laske (); \" & gt ;.Jos on olemassa muita määritteitä body, älä poista niitä, vain lisätä uuden lataustapahtuman määrite.

  4. Kehossa Web-sivun, lisää seuraava HTML-lomakkeen, missä haluaisit olla laskin näyttää:

    & lt; muodossa & gt;

    & amp; lt; input type = \ & amp; quot; text \ & amp; quot;id = \ & amp; quot; v1 \ & amp; quot;onKeyUp = \ & amp; quot; javascript: SetValue (tämä); \ & amp; quot; & gt;+
    & amp; lt; input type = \ & amp; quot; text \ & amp; quot;id = \ & amp; quot; v2 \ & amp; quot;onKeyUp = \ & amp; quot; javascript: SetValue (tämä); \ & amp; quot; & gt;=
    & amp; lt; input type = \ & amp; quot; text \ & amp; quot;id = \ & amp; quot; vastaus \ & amp; quot;readonly & gt;

    & lt; / muodossa & gt;

  5. Muuta laskelma muuttamalla linja "vastaus = V1 + V2" JavaScript-osassa.Esimerkiksi, jos haluat kertoa sijasta lisätä, muuttaa plusmerkkiä tähdellä (*) näin:

    vastauksen = v1 * v2

    Päivitä HTML-lomakkeen näyttämään uuden laskennan.

Vinkkejä & amp;Varoitukset

  • Lisää teksti, tyyliä ja väriä laskemiseen muotoon.Asettele tulo tunnisteet niin kuin haluat niiden näkyvän.Lisää kuvaukset tietokentät.Laita punainen ääriviivat ympärillä vastaus.Ole luova.
  • Kokeile JavaScript ja HTML muodossa.Tarvitsetko suorittaa laskutoimitus yli kaksi numeroa?Jokaista riviä koodia, joka on "v2" (paitsi laskeminen viiva) kopioi koodin uuteen linja ja muutos "V2" ja "v3." Lisää uusi "V3" arvon laskentaa Javascript, kuten tämä: "answer = V1 + V2 + V3."

Resurssit

  • Javascript Aritmeettiset operaattorit: perus matemaattisia toimintoja
  • JavaScript Core matematiikka Kohde: Tarkennettu Math Operations
141
0
0
Java Script