Mathematik-Test

Scripte > Additional

Ein einfacher Mathematik-Test

Hat man nach so langer Schulzeit doch schon alles vergessen?

Dann mal den Mathematik-Test als Herausforderung durchlaufen... und nicht schämen.

Aber, vielleicht gehörst Du doch noch nicht zum alten Eisen und wirst den Test bestehen.

Die Button können in der Datei "style.css" der Homepage angepasst werden.

ZIP-Datei in ein beliebiges Verzeichnis auf dem PC entpacken und das Verzeichnis "wsX5Obj" auf den Webserver in das Root-Verzeichnis kopieren. HEAD-Code in den HEAD-Bereich <head>.....</head> und HTML-Code in den BODY-Bereich <body>.....</body> der aufrufende Datei einfügen.

Eine demo.html ist beigefügt, die zum Test in das Root-Verzeichnis des Webservers kopiert werden kann.

Aufruf: "http://www.domain.tld/demo.html". Diese kann aber auch durch einen Doppelklick ausgeführt werden.

Durch einen Klick auf einen Button beginnen die Rechenaufgaben:

Downloads:

Code für den <HEAD> Bereich

Vor dem </HEAD> Tag

Code für den <BODY> Bereich

<table class="Obj103_tbl">

<form>

<tr>

<td>

<button class="Obj103_mathe" onClick="rechnen()">(+)</button>
<button class="Obj103_mathe" onClick="multi()">(x)</button>
<button class="Obj103_mathe" onClick="subi()">(-)</button>

</td>

</tr>

</form>

</table>

</div>

Nach dem <BODY> Tag

Code Datei "style.css"

.Obj103_tbl { background-color: #EEF6E8; border: 2px solid #7C6031; }

.Obj103_mathe {

color: #7C6031;
font-size: 25px;
font-weight: bold;
font-family: tahoma;
background-color: #B4DA9F;
border: 2px solid #7C6031;
padding: 5px;
margin: 10px;
border-radius: 5px;
vertical-align: middle;
}

.Obj103_mathe:hover { background-color: #EEF6E8; border: 2px solid #7C6031; padding-left: 10px; }

Feedbacks zu ""

Kein Kommentar

Vielen Dank für Dein Feedback.