Mein 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:
Code für den <HEAD> Bereich
<script src="wsX5Obj/Obj103_0/mathe.js"></script>
<link rel="stylesheet" href="wsX5Obj/Obj103_0/style.css">
Code für den <BODY> Bereich
<div align="center">
<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>
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; }
» nach oben «