Hi!
Ich bin über dieses Memory Spiel gestolpert und habe bei ein paar Zeilen Verständnisprobleme.
Und zwar diese function
Wäre super wenn mit das jemand erklären könnte
Den zyklischen Tausch am Ende verstehe ich denke ich, aber was genau macht der Rest...?
Hier der ganze Code zum Verständnis:
Ich bin über dieses Memory Spiel gestolpert und habe bei ein paar Zeilen Verständnisprobleme.
Und zwar diese function
Code:
function init() {
for(i = 0; i < 16; i++){
b[i] = i % 8;
}
wdh = Math.floor(Math.random() * 10001);
for (i = 0; i < wdh; i++) {
x = Math.floor(Math.random() * 16);
y = Math.floor(Math.random() * 16);
h = b[x];
b[x] = b[y];
b[y] = h;
}
}
Wäre super wenn mit das jemand erklären könnte
Den zyklischen Tausch am Ende verstehe ich denke ich, aber was genau macht der Rest...?
Hier der ganze Code zum Verständnis:
HTML:
<html>
<head>
<title>Memory</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style type="text/css">
table {
margin: 0 auto;
}
p {
margin: 0 auto;
text-align: center;
}
</style>
<script type="text/javascript">
var b = new Array();
var aktbild1 = 100, aktbild2 = 100;
function init() {
for(i = 0; i < 16; i++){
b[i] = i % 8;
}
wdh = Math.floor(Math.random() * 10001);
for (i = 0; i < wdh; i++) {
x = Math.floor(Math.random() * 16);
y = Math.floor(Math.random() * 16);
h = b[x];
b[x] = b[y];
b[y] = h;
}
}
function pic(i){
document.getElementById("feld").innerHTML = "Bild " + i + " wurde geklickt. Es hat die Nummer " + b[i] + ".";
}
</script>
</head>
<body>
<script type="text/javascript">
init();
document.write("<table>");
document.write("<tr>");
for (i = 0; i < 16; i++) {
document.write("<td><img src=bilder/bild" + b[i] + ".jpg height=100 width=100 onClick='pic(" + i + ");'></td>");
if (i % 4 === 3)
document.write("</tr><tr>");
}
document.write("</tr></table>");
document.write("<br>");
document.write("<p id='feld'></p>");
</script>
</body>
</html>