e-gradiva     HTML CSS JavaScript Načrtovanje    
  logotip  
SERŠ Maribor Iskanje Primeri

Izbira večjega števila

Koda: 
<p>
<form id="obrazec">
<input type="text" size="2"
value="3" name="ena" onkeyup="racun()" />
<input type="text" size="2"
value="7" name="dva" onkeyup="racun()" />
</form>
</p>

<script type="text/javascript">
function racun()
{
var prvo = document.forms.obrazec.ena.value;
var drugo = document.forms.obrazec.dva.value;
vecje = Math.max(prvo,drugo)
document.getElementById("rezultat").firstChild.nodeValue =
"Izmed \u0161tevil " + prvo + " in " + drugo +
" je ve\u010Dje \u0161tevilo " + vecje + "."
}
</script>

<p id="rezultat"></p>

<script type="text/javascript">
racun()
</script>
Izgled v
brskalniku:

 
Razlaga:

Zgoraj je zapisana koda HTML in JavaScript ki je potrebna za delovanje spodnjega primera. V kodi HTML vidimo element form (po slovensko obrazec), ki ima atribut id s prirejeno vrednostjo obrazec. Znotraj elementa form sta gnezdena dva elementa input. Ta nam predstavljata prazna polja kamor vnašamo vrednosti, vsak izmed njiju ima določene naslednje atribute: name, value, onkeyup in size in type.

Za delovanje primera so ključnega pomena trije atributi:

  • name ali ime posameznega elementa input je potrebna zato, da lahko razlikujemo predmete input med seboj
  • dogodek onkeyup določa v katerem primeru (spusti se tipka na tipkovnici) in katera funkcija se kliče (racun())
  • value je vrednost, ki je vnesena v polje.

Funkcija racun() na osnovi id najde ustrezen predmet form. Znotraj predmeta form najde ustrezen predmet input na osnovi lastnosti name. Iz predmeta potem vzame vrednost, ki je prirejena atributu value, to vrednost shrani v spremenljivko. V tem primeru se spremenljivki, v kateri funkcija shrani vrednost imenujeta prvo in drugo. Spremenljivki se kot vhodna podatka pošljeta postopku max(), le-ta pa vrne večje izmed obeh števil in ga shrani v spremenljivko vecje. Vse tri spremenljivke se z odgovorom vred združijo v niz in se shranijo v lastnost firstChild.nodeValue predmeta z id rezultat.

gor Gor     e-gradiva     JavaScript     Primeri     Predmet Math

SERŠ Maribor : Strokovna gimnazija : 2004 : Danijel Mom