Søk i Webskolen:

Globale linker

• Linker
• Oppgaver

JavaScript

• JavaScript intro
• Plassering
• 1ste script
• Store Bokstaver
• Reserverte ord
• Pop-up bokser
• Variabler
• Operatorer
• If og Else
• Funksjoner
• Events
• Loops
• Arrays
• Objekter
• DOM
• Properties
• Methods
• Dato objektet
• Småtips
• Oppgaver

Oppgave 14

Scriptet

<script type="text/javascript">
// forhåndslaste bilder
if(document.images){
var bilde1 = new Image();
var bilde2 = new Image();
var bilde3 = new Image();
var bilde4 = new Image();
var bilde5 = new Image();
var bilde6 = new Image();
var bilde7 = new Image();
var bilde8 = new Image();
var bilde9 = new Image();
var bilde10 = new Image();
var bilde11 = new Image();
var bilde12 = new Image();
bilde1.src = "images/terning/hvit1.gif":
bilde2.src = "images/terning/hvit2.gif":
bilde3.src = "images/terning/hvit3.gif":
bilde4.src = "images/terning/hvit4.gif":
bilde5.src = "images/terning/hvit5.gif":
bilde6.src = "images/terning/hvit6.gif":
bilde7.src = "images/terning/svart1.gif":
bilde8.src = "images/terning/svart2.gif":
bilde9.src = "images/terning/svart3.gif":
bilde10.src = "images/terning/svart4.gif":
bilde11.src = "images/terning/svart5.gif":
bilde12.src = "images/terning/svart6.gif":
}

var tall1 = Math.floor( Math.random() * 6 ) + 1;
var tall2 = Math.floor( Math.random() * 6 ) + 1;

function byttHvit( terningnr ){
var tall;
if( terningnr == 1 ) { tall = tall1; }
else { tall = tall2; }
document.images["terning" + terningnr ].src = "images/terning/hvit" + ¬
tall + ".gif";
}

function byttSvart( terningnr ){
var tall;
if( terningnr == 1 ) { tall = tall1; }
else { tall = tall2; }
document.images["terning" + terningnr ].src = "images/terning/svart" + ¬
tall + ".gif";
}

function trill( terningnr ){
if( terningnr == 1 ) { tall1 = Math.floor( Math.random() * 6 ) + 1; }
else { tall2 = Math.floor( Math.random() * 6 ) + 1; }
byttSvart( terningnr );
}
</script>

HTML-koden

<a href="javascript:trill(1)">
<script>
document.write('<img border="0" src="images/terning/hvit' + tall1 ¬
+ '.gif" name="terning1" onmouseover="byttSvart(1)" ¬
onmouseout="byttHvit(1)">' );
</script>
</a>

<a href="javascript:trill(2)">
<script>
document.write('<img border="0" src="images/terning/hvit' + tall2 ¬
+ '.gif" name="terning2" onmouseover="byttSvart(2)" ¬
onmouseout="byttHvit(2)">' );
</script>
</a>