Jeg har lige nu faget ITK på gymnasiet og er i den forbindelse i gang med at lave en aflevering / et projekt om javascript.
Vi laver et drukspil der hedder over eller under. Spillet går ud på at man skal gætte om det næste kort, der bliver trukket er over eller under det tidligere kort. Hvis ikke det er over skal man drikke en slurk. Dette har vi fået til at fungere. Vi ønsker nu at lave en tæller, der kan tælle hver gang der er blevet gættet rigtigt. Dette har jeg lidt udfordring med at få til at fungere og ville høre om i kunne hjælpe lidt / give nogle hints?
Jeg har forstået at man skal bruge document.getElementById og inner.html. Og at man skal bruge en form for kommando der hedder add =+1. Og så en form for funktion. Men at strikke det sammen har jeg lidt udfordring med.
Jeg vedhæfter koden nedenunder.
På forhånd tak
De bedste hilsener
Holger Moss Hansen
Kode: Vælg alt
<!DOCTYPE html>
<html>
<head>
<style>
body{
background-image:
url("Harboe.jpg");
random_imglink {
border-radius: 3000;
}
}
</style>
</head>
<body>
<script>
var gammeltkort
var nytkort
function random_imglink(){
// Her defineres det gamle kort inden vi skifter.
gammeltkort=nytkort
var myimages=new Array()
//Her har vi defineret alle kortene som billeder.
myimages[1]="KlørEs.png"
myimages[2]="Klør2.png"
myimages[3]="Klør3.png"
myimages[4]="Klør4.png"
myimages[5]="Klør5.png"
myimages[6]="Klør6.png"
myimages[7]="Klør7.png"
myimages[8]="Klør8.png"
myimages[9]="Klør9.png"
myimages[10]="Klør10.png"
myimages[11]="KlørKnægt.png"
myimages[12]="KlørDronning.png"
myimages[13]="KlørKonge.png"
myimages[1]="HjerterEs.png"
myimages[2]="Hjerter2.png"
myimages[3]="Hjerter3.png"
myimages[4]="Hjerter4.png"
myimages[5]="Hjerter5.png"
myimages[6]="Hjerter6.png"
myimages[7]="Hjerter7.png"
myimages[8]="Hjerter8.png"
myimages[9]="Hjerter9.png"
myimages[10]="Hjerter10.png"
myimages[11]="HjerterKnægt.png"
myimages[12]="HjerterDronning.png"
myimages[13]="HjerterKonge.png"
myimages[1]="SparEs.png"
myimages[2]="Spar2.png"
myimages[3]="Spar3.png"
myimages[4]="Spar4.png"
myimages[5]="Spar5.png"
myimages[6]="Spar6.png"
myimages[7]="Spar7.png"
myimages[8]="Spar8.png"
myimages[9]="Spar9.png"
myimages[10]="Spar10.png"
myimages[11]="SparKnægt.png"
myimages[12]="SparDronning.png"
myimages[13]="SparKonge.png"
myimages[1]="RuderEs.png"
myimages[2]="Ruder2.png"
myimages[3]="Ruder3.png"
myimages[4]="Ruder4.png"
myimages[5]="Ruder5.png"
myimages[6]="Ruder6.png"
myimages[7]="Ruder7.png"
myimages[8]="Ruder8.png"
myimages[9]="Ruder9.png"
myimages[10]="Ruder10.png"
myimages[11]="RuderKnægt.png"
myimages[12]="RuderDronning.png"
myimages[13]="RuderKonge.png"
var ry=Math.floor(Math.random()*myimages.length)
if (ry==0)
ry=1
document.getElementById("kortholder").innerHTML=('<img src="'+myimages[ry]+'" border=0 style="width:500px;height:500px;">')
return ry
}
// Her defineres det gamle kort
gammeltkort=random_imglink()
function over()
{
nytkort=random_imglink()
if(nytkort>gammeltkort)
alert("Rigtig")
else
alert("Drik")
}
function Under ()
{
nytkort=random_imglink()
if(nytkort<gammeltkort)
alert("Rigtig")
else
alert("Drik")
}
function myFunction(){
}
function Rigtig() {
}
document.getElementById("rigtige").innerHTML = add( Rigtig=+1
);
</script>
<div id="kortholder"></div>
<input type="button" onclick="over()" value="Over">
<input type="button" onclick="Under()" value="Under">
<p>antalrigtige<span id="rigtige"></span></p>
</body>
</html>