Funktio9niert beio mir nicht. habe ein bis auf diese Funktionen gekürztes Programm beigefügt.
Bei "eins" kommen die Bilder in SW
Bei "zwei" in rot.
Wenn ich eins und dann zwei und dann wieder eins drücke bleiben die roten Bilder
<!DOCTYPE html>
<html>
<head>
<h1>Konzentration und Schnelligkeit Übung 1</h1>
<title>Gehirn Aufgabe5</title>
<style>
#button1 {
background-color: #00AFFF;
border: 5 solid blue;
color: white;
padding: 2px 2px;
text-align: center;
font-size: 18px;
}
table{
margin-top:30px;
border: 0px solid white;
clear:left;
}
//td{font-size:40px; padding:4px 10px;
}
td {width: 75px;
height: 75px;
border:0px solid red;
}
</style>
<script>
var images = {};
images.img1 = new Image();
images.img2 = new Image();
images.img3 = new Image();
images.img4 = new Image();
images.img5 = new Image();
images.img11 = new Image();
images.img12 = new Image();
images.img13 = new Image();
images.img14 = new Image();
images.img15 = new Image();
images.img1.src = "Terrorist1.jpg";
images.img2.src = "Terrorist2.jpg";
images.img3.src = "Terrorist3.jpg";
images.img4.src = "Freund1.jpg";
images.img5.src = "freund2.jpg";
images.img11.src = "ToterTerrorist1.jpg";
images.img12.src = "ToterTerrorist2.jpg";
images.img13.src = "ToterTerrorist3.jpg";
images.img14.src = "ToterFreund1.jpg";
images.img15.src = "ToterFreund2.jpg";
function Zwei()
{
for (var i = 0; i <= 4; i++)
{
document.querySelector('#bl' +[i] + ' img').src = images['img' + (i+11)].src;
}
}
function Eins()
{
for (var i = 0; i <= 4; i++)
{
document.getElementById('bl' +[i]).appendChild(images['img' + (i+1)]);
}
}
</script>
</head>
<body>
<table>
<tr>
<td id = "bl0" onclick="hitColor('bl0')"></td>
<td id = "bl1" onclick="hitColor('bl1')"></td>
<td id = "bl2" onclick="hitColor('bl2')"></td>
<td id = "bl3" onclick="hitColor('bl3')"></td>
<td id = "bl4" onclick="hitColor('bl4')"></td>
</tr>
<tr>
<td id = "bl5" onclick="hitColor('bl5')"></td>
<td id = "bl6" onclick="hitColor('bl6')"></td>
<td id = "bl7" onclick="hitColor('bl7')"></td>
<td id = "bl8" onclick="hitColor('bl8')"></td>
<td id = "bl9" onclick="hitColor('bl9')"></td>
</tr>
<tr>
<td id = "bl10" onclick="hitColor('bl10')"></td>
<td id = "bl11" onclick="hitColor('bl11')"></td>
<td id = "bl12" onclick="hitColor('bl12')"></td>
<td id = "bl13" onclick="hitColor('bl13')"></td>
<td id = "bl14" onclick="hitColor('bl14')"></td>
</tr>
<tr>
<td id = "bl15" onclick="hitColor('bl15')"></td>
<td id = "bl16" onclick="hitColor('bl16')"></td>
<td id = "bl17" onclick="hitColor('bl17')"></td>
<td id = "bl18" onclick="hitColor('bl18')"></td>
<td id = "bl19" onclick="hitColor('bl19')"></td>
</tr>
<tr>
<td id = "bl20" onclick="hitColor('bl20')"></td>
<td id = "bl21" onclick="hitColor('bl21')"></td>
<td id = "bl22" onclick="hitColor('bl22')"></td>
<td id = "bl23" onclick="hitColor('bl23')"></td>
<td id = "bl24" onclick="hitColor('bl24')"></td>
</tr>
</table>
<input type="button" id="button1" value="eins" onclick="Eins()"></button>
<input type="button" id="button2" value="zwei" onclick="Zwei()"></button>
</body>
</html>