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 13

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 tall = Math.floor( Math.random() * 6 ) + 1;

function byttHvit(){
document.images["terning"].src = "images/terning/hvit" + tall + ".gif";
}

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

function trill(){
tall = Math.floor( Math.random() * 6 ) + 1;
byttSvart();
}
</script>

HTML-koden

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