Newbie1234
New member
HTML:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script>
var runde1=0;
var zerstoert=0;
function runde(rundestart){
var x=0;
var y=1;
var ref;
if(rundestart==0){
runde1=rundestart;
}
if(runde1!=5){
while(x!=(7+runde1)){
y = Math.random() * ( (12+1) - 1 );
alert(y.toFixed(0));
y=y.toFixed(0);
ref=getElementById(y);
alert(ref);
ref.innerHTML = "<img src='Bilder/blockNormal.png' width='100'/>"
x++;
}
runde1=runde1+1;
}else{
alert("Gewonnen");
runde1=0;
}
}
function change(x){
if(zerstoert!=runde1+7){
ref= getElementById(x);
ref.innerHTML ="<img src='Bilder/blockZerstoert.png' width='100' /> "
zerstoert++;
}
else{
runde();
}
}
</script>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="generator" content="Adobe GoLive" />
<title>Spiel.html</title>
<style>
#1{
}
#2{
}
#3{
}
#4{
}
#5{
}
#6{
}
#7{
}
#8{
}
#9{
}
#10{
}
#11{
}
#12{
}
</style>
</head>
<body>
<div id="1" onclick="change('1')"></div>
<div id="2" onclick="change('2')"></div>
<div id="3" onclick="change('3')"></div>
<br>
<div id="4" onclick="change('4')"></div>
<div id="5" onclick="change('5')"></div>
<div id="6" onclick="change('6')"></div>
<br>
<div id="7" onclick="change('7')"></div>
<div id="8" onclick="change('8')"></div>
<div id="9" onclick="change('9')"></div>
<br>
<div id="10" onclick="change('10')"></div>
<div id="11" onclick="change('11')"></div>
<div id="12" onclick="change('12')"></div>
<p><button name="buttonName" onclick="runde()" type="button"> Start </button></p>
</body>
</html>Hier sollten jede "Runde" neue Bilder erscheinen und wenn ich darauf klicke soll ein anderes Bild erscheinen oder auch das Andere gelöscht werden, das ist ziemlich egal. Kenn mich noch dazu nicht gerade gut aus, deshalb möchte ich mich schon im Voraus für dumme Fehler Entschuldigen.
Vielen dank für jede Hilfe schon im Voraus.
Zuletzt bearbeitet von einem Moderator:
Ein wenig Hilfestellung für Dich ...
