Hallo zusammen,
ich bin absolut neu hier und benötige bitte Eure Unterstützung.
Meine Tochter und ich haben keinen Plan von Java Script. Das was wir jetzt wissen, haben wir uns zusammengelesen, kommen aber nicht weiter.
Sie soll aber eine mathematische Funktion mit Java Script erstellen.
Ich versuche soweit ich kann, sie zu unterstützen.
Die Aufgabe ist:
1.) 2 Zufallszahlen zwischen 0 un 10 durch klick auf einen Button in Textfeldern auszugeben.
das ist gelöst
2.) Der User soll das Ergebnis (Multiplikation) selbst eingeben, was durch einen Button geprüft werden kann ob das eingegebene Ergebnis richtig oder falsch ist.
das ist mit einem alert gelöst
3.) Nun soll aber die Anzahl der richtigen oder falschen Ergebnisse noch in Textfeldern ausgegeben werden.
Ich habe keine Ahnung, wie ich da ansetzen kann.
Kann man durch klick auf das OK des Alert (richtig oder falsch) die Anzahl der richtigen oder falschen Ergebnisse in input Feldern ausgeben?
4.) die Übung soll maximal 5 mal ausgeführt werden und dabei die die Felder der Zufallszahlen nach jeder der 5 Aufgaben wieder geleert werden, die Anzahl der richtigen oder
falschen ergebnisse aber erhalten bleiben.
Vielleicht am Ende in einem Div noch eine Art Gesamtauswertung. Das wäre aber dann schon ein extra.
Und dann besteht noch ein Problem. Setze ich die Inputfelder innerhalb eines Form Tag, funktioniert das Script nicht mehr.
das haben wir bisher:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Kopfrechnen für Grundschüler</title>
<meta name="description" content="Multiplikation einmal anders">
<meta name="keywords" content="Mathematik, Multiplikation, Schule, Grundschule">
<script type="text/javascript">
<!-- // JavaScript-Bereich für ältere Browser auskommentieren
var zufallszahl1 =0;
var zufallszahl2 =0;
var ergebnis =0;
function Start(Minimum, Maximum)
{
zufallszahl1 = Math.floor(Minimum+(Maximum-Minimum+1)*(Math.random()));
zufallszahl2 = Math.floor(Minimum+(Maximum-Minimum+1)*(Math.random()));
//document.getElementById("zufallszahl_feld1").value = "Zahl1: "+zufallszahl1+" - Zahl2: "+zufallszahl2;
document.getElementById("zufallszahl_feld1").value = zufallszahl1;
document.getElementById("zufallszahl_feld2").value = zufallszahl2;
ergebnis =zufallszahl1*zufallszahl2;
//document.getElementById("ergebnis_ausgabe").value = ergebnis;
}
function ausgabe()
{
var ob = document.getElementById('resultField');
ob.innerHTML = "";
for(var zaehler=0; zaehler<ergebnis; zaehler++)
{
ob.innerHTML += zaehler;
}
}
function pruefen()
{
var ergebnis_eingabe=document.getElementById("ergebnis_eingabe").value;
if(ergebnis_eingabe == ergebnis)
{
alert("richtig");
ausgabe();
}
else
{
alert("Falsch");
Start(0,10);
}
}
// -->
</script>
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000" background="background.jpg">
<center>
<p>
<font color="#ffffff"><h1>Multiplikation einmal anders</h1></font>
</p>
<font color="#ffffff" size="+2">Heute möchten wir mit Dir ein paar Multiplikationsaufgaben üben. <br>
Probier es aus und klicke auf Start </font>
<p> </p>
<input type="submit" onClick=Start(0,10) value="Start"></input>
<p> </p>
<input id="zufallszahl_feld1" READONLY=true type="text" value=""></input>
<font size="+3" color="#ffffff"><bold>•<bold></font>
<input id="zufallszahl_feld2" READONLY=true type="text" value=""></input>
<font size="+3" color="#ffffff"><bold>=<bold></font>
<input id="ergebnis_eingabe" type="text"></input>
<p> </p>
<input type="submit" onClick=pruefen() value="Prüfe Dein Ergebnis"></input></td></tr>
<p> </p>
<font color="#ffffff" size="+2">Richtig gelöst! Falsch gelöst! </font><br>
<input id="richtig" READONLY=true type="text" value="">
<input id="falsch" READONLY=true type="text" value="">
</center>
</body>
</html>
Alles anzeigen
Vielen Dank vorab für Ideen, Hilfe und Unterstützung