<html> <head>  <title>416-Addition</title><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Language" content="de" /> <style> .kasten {position:absolute;left: 0px; top: 0px; border: 1px; border-style: solid; background-color: "#ffffff"; margin: 4px; padding: 4px; } </style>  <script type="text/javascript"> var paare = [["20 + 18 =","38"],

["3 + 14 =","17"],

["14 + 8 =","22"],

["6 + 18 =","24"],

["3 + 7 =","10"],

["8 + 12 =","20"], ];  var kastenelemente; var nf = 6; var bewegterkasten; var bewegung = false; var zwischenraum = 200; var spalte1 = 6; var zeile1 = 40; var zeilenhoehe = 50; var plaetze = new Array(nf); function starten(){ konfiguration();} function konfiguration() { var i; var c; var s; var mx = spalte1; var my = zeile1; var d; var uid; for (i=0;i<paare.length;i++) { paare[i][2] = false;  } for (i=0;i<nf;i++) { plaetze[i] = -100; } for(i=0;i<nf;i++) { do {c = Math.floor(Math.random()*paare.length);} while (paare[c][2]==true) paare[c][2]=true;  uid = "c"+String(c); d = document.createElement('linkespalte'); d.innerHTML = ( "<div class='kasten' id='"+uid+"'>platzhalter</div>"); document.body.appendChild(d);  kastenelemente = document.getElementById(uid); kastenelemente.textContent=paare[c][0]; kastenelemente.style.top = String(my)+"px"; kastenelemente.style.left = String(mx)+"px"; kastenelemente.addEventListener('click',elementauswahl,false); uid = "p"+String(c); d = document.createElement('kasten'); d.innerHTML = ( "<div class='kasten' id='"+uid+"'>platzhalter</div>"); document.body.appendChild(d);  kastenelemente = document.getElementById(uid); kastenelemente.textContent=paare[c][1]; do {s = Math.floor(Math.random()*nf);} while (plaetze[s]>=0) plaetze[s]=c;  kastenelemente.style.top = String(zeile1+s*zeilenhoehe)+"px"; kastenelemente.style.left = String(spalte1+zwischenraum)+"px"; kastenelemente.addEventListener('click',elementauswahl,false); my +=zeilenhoehe; }} function elementauswahl(ev) { var akt; var aktn; var sc; if (bewegung) { if (this==bewegterkasten) { bewegterkasten.style.backgroundColor = "ffffff"; bewegung = false; return; } akt= this.style.left; akt = akt.substring(0,akt.length-2); aktn = Number(akt) + 115; bewegterkasten.style.left = String(aktn)+"px"; bewegterkasten.style.top = this.style.top; bewegung = false; if (this.id.substring(1)==bewegterkasten.id.substring(1)) { bewegterkasten.style.backgroundColor = "ccffcc"; this.style.backgroundColor = "ccffcc"; } else { bewegterkasten.style.backgroundColor = "ffffff"; } } else { bewegung = true; bewegterkasten = this; bewegterkasten.style.backgroundColor = "#ccccff"; } }</script></head><body onLoad="starten();"><a href="416-Addition.html"><strong>416-Addition</strong> wiederholen</a>  |   <a href="417-Addition.html">Nächste Frage</a> |   <a  target= "_blank" title="Fragensammlung in neuem Fenster öffnen" href="index.html"> Fragensammlung</a>      </body></html>