Einmaleins Trainer

Dieses Javascript von unserem User Freddus richtet sich vorwiegend an Schüler der Grundschule und trainiert das 1×1.

Dabei werden zufällige Aufgaben gestellt und das Javascript berechnet anhand der Antworten die Punktzahl.

Viel Spass damit 🙂

<!-- präsentiert von kostenlose-javascripts.de --> <script type='text/javascript'> <!-- /* Dieser Script stammt von Freddus. Ihr könnt ihn frei verwenden, allerdings dürft ihr nichts ändern und es wäre nett, einen Link auf meine Homepage hinzuzufügen (siehe unten) Der Einmaleinstrainer ist hauptsächlich für Schüler der 2. bis 4. Klassen gedacht. */ var ergebnis,punkte,laeuft; ergebnis=5; punkte=0; laeuft=0; function stoppstart(){ window.status=("Einmaleinstrainer 1.0 by Nobstyle"); if (laeuft == 0){ laeuft=1; document.getElementById('startstopp').value="beenden"; document.getElementById('batten').style.visibility="visible"; document.getElementById('eingabe').style.visibility="visible"; document.getElementById('eingabe').value=""; document.getElementById('eingabe').focus(); neueaufgabe(); }// ende if else{ laeuft=0; document.getElementById('anzeige').innerHTML="<p align='center'><font color='blue'>Willkommen beim Einmaleinstrainer!</font></p>"; document.getElementById('startstopp').value="Los geht's!"; document.getElementById('batten').style.visibility="hidden"; document.getElementById('eingabe').style.visibility="hidden"; punkte=0; document.getElementById('punktausgabe').innerHTML="<font color='green'>Punkte: "+punkte+"</font>"; }// ende else }// ende function function neueaufgabe(){ var zahl1,zahl2; zahl1=Math.ceil(Math.random()*10); zahl2=Math.ceil(Math.random()*10); ergebnis = zahl1*zahl2; document.getElementById('anzeige').innerHTML="<p align='center'><font color='blue'>"+zahl1+" x "+zahl2+"</font></p>"; } // ende function function pruefen(){ if (document.getElementById('eingabe').value == ergebnis){ punkte++; document.getElementById('punktausgabe').innerHTML="<font color='green'>Punkte: "+punkte+"</font>"; document.getElementById('eingabe').value=""; document.getElementById('eingabe').focus(); if (punkte>=50){ alert("Super, du hast das Spiel gewonnen!"); stoppstart(); }// ende if else{ neueaufgabe(); }// ende else }// ende if else{ if (document.getElementById('eingabe').value == ""){ alert("Du musst schon etwas eingeben..."); }// ende if else{ punkte=punkte/2; document.getElementById('punktausgabe').innerHTML="<font color='red'>Punkte: "+punkte+"</font>"; document.getElementById('eingabe').value=""; document.getElementById('eingabe').focus(); }// ende else }// ende else } // ende function window.status=("Einmaleinstrainer 1.0 by Nobstyle"); //--> </script> <div align="center"> <center> <table border="3" width="250" bordercolor="#000080" bordercolorlight="#000080" bordercolordark="#000080"> <tr> <td width="100%" id="anzeige" colspan="2"><p align="center"><font color="blue">Willkommen beim Einmaleinstrainer!</font></p></td> </tr> <tr> <td width="100%" colspan="2"><p align="center"> <input type="text" id="eingabe" size="20" style="visibility:hidden" /> <input type="button" value="OK" id="batten" onclick="pruefen()" style="visibility:hidden" /> </p></td> </tr> <tr> <td width="50%"><p align="center" id="punktausgabe"><font color="green">Punkte: 0</font></p></td> <td width="50%"><p align="center"> <input type="button" value="Los geht's!" id="startstopp" onclick="stoppstart()" /> </p></td> </tr> </table> </center> </div> <br /> JavaScript von <a href="http://www.kostenlose-javascripts.de/javascripts/spiele/einmaleins-trainer/" target="_blank">kostenlose-javascripts.de</a> <br /> <!-- präsentiert von kostenlose-javascripts.de -->