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

Število števk

Koda: 
<script type="text/javascript">
function gremo()
{
stevilo=+document.getElementById("vnos").value
if(!isNaN(stevilo))
  {
  stevke=(stevilo.toString()).length
  document.getElementById("izpis").firstChild.nodeValue=stevke
  }
else
  {
  document.getElementById("vnos").value="1234"
  gremo()
  }
}
</script>

<form action="dolzina2.html">
<p>število<input type="text" id="vnos" onkeyup="gremo()"
value="1234" />
je sestavljeno iz <span id="izpis">4</span> števk.</p>
</form>
Izgled v
brskalniku:

število  je sestavljeno iz 4 števk.
Razlaga: V vnosno polje vnesemo številko. Ob spostitvi tipke se pokliče funkcija, katera izpiše dolžino številke, vpisane v vnosno polje.

Naprej se preveri, če je vpisana vrednost število. V izrazu stevilo=+document.getElementById("vnos").value znak + pomeni pretvorbo niza v število. Z globalno funkcijo isNaN() se preveri ali je izraz število. Funkcija vrne true ali false. Funkcija je v podanem primeru negirana. V primeru, če vpisani izraz ni število, se v vnosnem polju izpiše "1234". V nasprotnem primeru pa se z izrazom stevilo.toString() število najprej spremeni v niz, ki mu nato lahko "odčitamo" vrednost length (število znakov v nizu).

gor Gor     e-gradiva     JavaScript     Primeri

SERŠ Maribor : Strokovna gimnazija : 2004 : Benjamin Šaler