Globale linker

JavaScript

Oppgave 14

Scriptmessig produserte terninger (while-løkke)

Statitisk produserte terninger

scriptene

<script>
// tilfeldig valgte tall genereres for alle terningene (2*6)
var tall = new Array();
tall[0] = Math.floor( Math.random() * 6 ) + 1;
tall[1] = Math.floor( Math.random() * 6 ) + 1;
tall[2] = Math.floor( Math.random() * 6 ) + 1;
tall[3] = Math.floor( Math.random() * 6 ) + 1;
tall[4] = Math.floor( Math.random() * 6 ) + 1;
tall[5] = Math.floor( Math.random() * 6 ) + 1;
tall[6] = Math.floor( Math.random() * 6 ) + 1;
tall[7] = Math.floor( Math.random() * 6 ) + 1;
tall[8] = Math.floor( Math.random() * 6 ) + 1;
tall[9] = Math.floor( Math.random() * 6 ) + 1;
tall[10] = Math.floor( Math.random() * 6 ) + 1;
tall[11] = Math.floor( Math.random() * 6 ) + 1;


function byttHvit(nr){
// eval brukes for å slå sammen to strenger slik at det kan gjenkjennes som et objekt. Funksjonen får parameter fra linken (onmouseout). Tilsvarer terningnummeret
eval("terning" + nr).src = "images/terning/hvit" + tall[nr] + ".gif";
}

function byttSvart(nr){
eval("terning" + nr).src = "images/terning/svart" + tall[nr] + ".gif";
}

function trill(nr){
tall[nr] = Math.floor( Math.random() * 6 ) + 1;
eval("terning" + nr).src = "images/terning/svart" + tall[nr] + ".gif";
byttSvart(nr );
}
</script>

HTML-koden

<p>Scriptmessig produserte terninger (while-løkke)</p>
<script type="text/javascript">
i = 6;
while(i<=11){
document.write("<a href='javascript:trill(" + i + ")' ¬
onMouseOver='byttSvart(" + i + ")' onMouseOut='byttHvit(" + i + ¬
")'>\n");
document.write("<img border='0' src='images/terning/hvit" + tall[i] + ¬
" .gif' id='terning" + i + "'>\n");
document.write("</a>");
i++
}
</script>

<hr>

<p>Statitisk produserte terninger</p>

<a href="javascript:trill(0)" onMouseOver="byttSvart(0)" ¬
onMouseOut="byttHvit(0)">
<script>
document.write("<img border='0' src='images/terning/hvit" + tall[0] + ¬
".gif' id='terning0'>");
</script>
</a>

<a href="javascript:trill(1)" onMouseOver="byttSvart(1)" ¬
onMouseOut="byttHvit(1)">
<script>
document.write("<img border='0' src='images/terning/hvit" + tall[1] + ¬
".gif' id='terning1'>" );
</script>
</a>

<a href="javascript:trill(2)" onMouseOver="byttSvart(2)" ¬
onMouseOut="byttHvit(2)">
<script>
document.write("<img border='0' src='images/terning/hvit" + tall[2] + ¬
".gif' id='terning2'>");
</script>
</a>

<a href="javascript:trill(3)" onMouseOver="byttSvart(3)" ¬
onMouseOut="byttHvit(3)">
<script>
document.write("<img border='0' src='images/terning/hvit" + tall[3] + ¬
".gif' id='terning3'>");
</script>
</a>

<a href="javascript:trill(4)" onMouseOver="byttSvart(4)" ¬
onMouseOut="byttHvit(4)">
<script>
document.write("<img border='0' src='images/terning/hvit" + tall[4] + ¬
".gif' id='terning4'>");
</script>
</a>

<a href="javascript:trill(5)" onMouseOver="byttSvart(5)" ¬
onMouseOut="byttHvit(5)">
<script>
document.write("<img border='0' src='images/terning/hvit" + tall[5] + ¬
".gif' id='terning5'>");
</script>
</a>