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

Iz desetiškega v šestnajstiško

Koda:
<script type="text/javascript">
function izracun1(stevilo)
{
stevilo=+stevilo
stevilo=stevilo.toString(16)
document.forms.obrazec.s16.value=stevilo
}
function izracun2(stevilo)
{
stevilo=+("0x" + stevilo)
document.forms.obrazec.s10.value=stevilo
}
</script>

<form action="akcija.html">
<input type="text" size="10" value="1" name="s10"
onkeyup="izracun1(this.value)" onfocus="select()" />
 =
<input type="text" size="10" value="1" name="s16"
onkeyup="izracun2(this.value)" onfocus="select()" />
 <sub>(16)</sub>
</form>
</body>
</html>
Izgled v
brskalniku:
= (16)
Razlaga:

Prva funkcija se uporablja za pretvarjanje desetiškega v šestnajstiško. Stavek stevilo = +stevilo spremeni tip podatka iz tipa string, ki ga določa atribut value v elementu input v tip number. Stavek stevilo=stevilo.toString(16) pretvori desetiško število v niz, ki predstavlja šestnajstiško število. Z document.forms.obrazec.s16.value=stevilo se v kontrolnik obrazca, ki ima name="s10", izpiše število.

Druga funkcija je pa namenjena za pretvarjanje šestnajstiških števil v desetiška. Pred parameter funkcije dodamo "0x" in nato še +, s tem niz postane šestnajstiško število. document.forms.obrazec.s10.value=stevilo, pa v kontrolnik obrazca, ki ima name="s16" vstavi število.

Ko smo napisali funkcije pa moramo napisati še kodo HTML. Element form ponazarja ogrodje obrazca. V obrazcu sta dva kontrolnika input, z njima vnašamo v obrazec vrednosti. Določili smo jima vrednost, velikost, tip, ter ime. Elementa smo povezali z JavaScript z dogodkom onkeyup="funkcija(vrednost)".

SERŠ Maribor : Strokovna gimnazija : 2004 : Rok Arnuš