JavaScript Juhised

CSS Siin on veel mõned JavaScript'i kirjutamise juhised.

JavaScript on tundlik

Funktsioon nimetusega "myfunction" pole sama mis "myFunction" ja muutuja "myVar" pole sama mis "myvar".
JavaScript on tundlik, seega tuleb täpselt jälgida suuri tähti, eriti muutujates ning funktsioonides.

Tühikud

Javascript ignoreerib tühikuid. Neid võib küll lisada selleks, et koodi oleks hõlpsam lugeda. Allpool olevas näites olevad mõlemad read kuvatakse ühtemoodi:

name="Tiit";
name = "Tiit";

Koodirea jätkamine

JavaScript koodi saab jätkata uuelt realt, teksti "string'i" sees, kasutades selleks kurakaldkriipsu:

document.write("Tere \
jälle!");

Koodi ennast jätkata ei või. Näiteks nii:

document.write \
("Tere jälle!");

Veel mõned huvitavad JavaScript'i näited

Kui sinu veebilehel on juttu tervislikest eluviisidest, dieedist jne. siis võid sinna lisada ka mõne kalkulaatori. Allpool olevad skriptid võimaldavad luua kalkulaatoreid millede abil saab teada keha massi indeksi ja keha rasva protsendi.

Keha rasva kalkulaator

	Keha rasva protsent
Vanus	Vanem kui 30	30 - 50	50+

Naised	14-21%	15-23%	16-25%

Mehed	9-15%	11-17%	12-19%

Loomulikult peab meeles pidama, et iga inimene on erinev ja täiuslikku keha pole olemas.

Keha Rasva Kalkulaator
Mees Naine
Sentimeetrid Tollid
Pikkus:
Kael:
Vöö:
Puusad:

Keha rasv:

Selleks, et kalkulaatorit oma veebilehele paigutada, pead kõigepealt kopeerima allpool oleva Html koodi just dokumendi sinna ossa kus sa soovid, et see ilmuks:

<form><table border="0" width="200" align="center" style="border:1px solid #000"><thead><tr><th

colspan="2">Keha Rasva Kalkulaator</th></tr></thead>
<tbody><tr><td  colspan="2" align="center"><label for="s1"><input type="radio" id = "s1"

name="s" value="m" onclick="sex(this.form)" />Mees </label> 
<label for="s2"> <input type="radio" id = "s2" name="s" value="f" onclick="sex(this.form)"

/>Naine </label></td></tr>
<tr><td colspan="2" align="center"><label for="d1"><input type="radio" id = "d1"  name="d"

value="1"/>Sentimeetrid</label> 
<label for="d2"> <input type="radio" id = "d2" name="d" value="2.54" />Tollid </label></td></tr>
<tr><td align="right"><label for="h">Pikkus:</label></td>
<td align="left"><input type="text" id = "h" name="h" size="6" /></td></tr>
<tr><td align="right"><label for="n">Kael:</label></td>
<td align="left"><input type="text" id = "n" name="n" size="6" /></td></tr>
<tr><td align="right"><label for="w">Vöö:</label></td><td align="left"><input

type="text" id = "w" name="w" size="6" /></td></tr>
<tr><td align="right"><label for="r">Puusad:</label></td>
<td align="left"><input type="text" id = "r" name="r" size="6" disabled="disabled" /></td></tr>
<tr><td  colspan="2" align="center"><input type="button" value="Kalkuleeri"

onclick="calc(this.form);return false;" /></td></tr>
<tr><td align="right"><label for="f">Keha rasv:</label></td><td align="left"><input type="text"

id = "f" name="f" size="6" readonly="readonly" /></td></tr>
</tbody></table></form>

Peale selle on vaja kirjutada järgnev kood veebidokumendi head sektsiooni. See Html kood lingib otse vastavale Javascript'ile:

<script type="text/javascript" src="fatcalc.js"></script>

Viimane toiming, on kopeerida allpool olev kood ja salvestada see nimega fatcalc.js:

/ Math.LN10)) - 450);
   }
function femaleFat(h, n, w, r) {
   return thou(495 / (1.29579 - 0.35004 * (Math.log(w + r - n) / Math.LN10) + 0.22100 *

(Math.log(h) / Math.LN10)) - 450);
   }
function thou(n) {
   return Math.round(n * 10) / 10 + '%';
   }
function sex(thisform) {
   var s = valButton(thisform.s);
   thisform.r.disabled = (s != 'f');
   }
function calc(thisform) {
   var s = valButton(thisform.s);
   if (s == null) {
      alert("Vali mis soost oled");
      return false;
      }
   var d = valButton(thisform.d);
   if (d == null) {
      alert("Vali sentimeetrid või tollid");
      return false;
      }
   d = Number(d);
   var h = stripBlanks(thisform.h.value);
   if (h == '') {
      alert("Pead kirjutama pikkuse");
      thisform.h.focus();
      return false;
      }
   if (h != Number(h) || (h = Number(h * d)) < 100 || h > 250) {
      alert("Vigane pikkus");
      thisform.h.focus();
      return false;
      }
   var n = stripBlanks(thisform.n.value);
   if (n == '') {
      alert("Pead lisama kaela ümbermõõdu");
      thisform.n.focus();
      return false;
      }
   if (n != Number(n) || (n = Number(n * d)) < 20 || n > 60) {
      alert("Vigane kaela ümbermõõt");
      thisform.n.focus();
      return false;
      }
   var w = stripBlanks(thisform.w.value);
   if (w == '') {
      alert("Sinu vöö ümbermõõt");
      thisform.w.focus();
      return false;
      }
   if (w != Number(w) || (w = Number(w * d)) < 30 || w > h) {
      alert("Vigane vöö ümbermõõt");
      thisform.w.focus();
      return false;
      }
   var r = 0;
   if (s == 'f') {
      r = stripBlanks(thisform.r.value);
      if (r == '') {
         alert("Pead lisama puusa ümbermõõdu");
         thisform.r.focus();
         return false;
         }
      if (r != Number(r) || (r = Number(r * d)) < 40 || h > 200) {
         alert("Vigane puusa ümbermõõt");
         thisform.r.focus();
         return false;
         }
      }
   switch(s) {
      case 'm': thisform.f.value = maleFat(h, n, w);
      break;
      case 'f': thisform.f.value = femaleFat(h, n, w, r);
      }
   }

Keha massi indeks (KMI)
KMI Kategooriad:

Alakaal = < 18.5
Normaal-kaal = 18.5 - 24.9
Ülekaal = 25 - 29.9
Rasvumine = KMI on 30 või kõrgem

Keha Massi Indeks
cm/kgin/lb
Pikkus:
Kehakaal:

KMI:

Selle kalkulaatori loome samuti nagu eelmise. Kopeeri allpool olev kood oma veebilehe valitud kohta:

Veebidokumendi head sektsiooni kirjuta:

<script type="text/javascript" src="bmicalc.js"></script>

Lõpetuseks kopeeri allpool olev JavaScript'i kood ja salvesta see nimega bmicalc.js:

mõõt");
   thisform.h.focus();
   return false;
   }
var w = stripBlanks(thisform.w.value);
if (w == '') {
   alert("Pead lisama oma kehakaalu");
   thisform.w.focus();
   return false;
   }
if (w != Number(w) || (w = Number(w / cv[1])) < 25 || w > 250) {
   alert("Vigane kehakaalu mõõt");
   thisform.w.focus();
   return false;
   }
thisform.f.value = Math.round(w / (h * h) * 100) / 100;
}

Selle JavaScript'i autor on Stephen Chapman

JavaScript Juhised

Veel mõned huvitavad JavaScript'i näited

Menüü

Objektid

Arendused

Kasulikud Lingid