JavascriptSilben

<html>

<head>

<title>tic-tac-toe 2 Spieler</title>

<style>

td {width:80px; height:80px; font-size:40; text-align:center; }

html, body {width: 100%;height: 100%;padding: 0;margin: 0;text-align:center;font-size:40;}

option, input {width:100px;height:30px;font-size:20px;text-align: center;}

</style>

</head>

<body>

<select size="2" id="sel"><option selected value="Tiere1">Tiere1</option><option value="Tiere2" >Tiere2</option></select>

Bilde Haupt-Wörter mit zwei Silben.<br>

Beginne mit Großbuchstabe!

</table>

<p id="aus">Verlauf: </p>

<input type="button" value="start" onclick="

var sel=document.getElementById('sel');

var p=document.getElementById('aus');

p.innerHTML='';

var z=0;

var r=0;

var stop=0;

var si=[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0];

switch(sel.value){

case 'Tiere1': var tab=[['Ha','Kat','gel','ger'],['ze','ma','Gold','we'],['La','I','se','ster'],['L&ouml','fisch','Ham','Ti']];

mischen();

var wrds=['Katze','Hase','Goldfisch','Lama','Löwe','Igel','Hamster','Tiger'];

break;

case 'Tiere2': var tab=[['Spin','Maul','sel','Ra'],['Bie','Ad','Rat','be'],['ny','E','ne','ler'],['Po','te','wurf','ne']];

mischen();

var wrds=['Spinne','Maulwurf','Rabe','Ratte','Pony','Biene','Adler','Esel'];

break;

}

var tbl = document.getElementById('tblMain');//javascript Zugriff auf Tabelle, Ereignisauslösung bei Feldkontakt

for (var i = 0; i < tbl.rows.length; i++) {

for (var j = 0; j < tbl.rows[i].cells.length; j++){

tbl.rows[i].cells[j].onclick = function () {if(stop==0 && this.innerHTML!='o')setval(this); };

tbl.rows[i].cells[j].innerHTML=tab[i][j];

}}

function setval(cel) {

si[z]=tbl.rows[cel.parentElement.rowIndex].cells[cel.cellIndex].innerHTML;

cel.innerHTML='o';

p.innerHTML=p.innerHTML+si[z];

if(z==15)

{stop=1;

var str=p.innerHTML;

for(var k=0; k<8; k++){if(str.includes(wrds[k]))r++;}

p.innerHTML=p.innerHTML+' r='+r+'/8';

}

z++;

}

function mischen(){

var z1=0,s1=0,z2=0,s2=0;

var cy='';

for(k=0;k<8;k++){

z1=Math.floor((Math.random() * 3));

s1=Math.floor((Math.random() * 3));

z2=Math.floor((Math.random() * 3));

s2=Math.floor((Math.random() * 3));

cy=tab[z1][s1];tab[z1][s1]=tab[z2][s2];tab[z2][s2]=cy;

}

</body>

</html>