MediaWiki:HerzTest.js
Aus Dornheim Anatomy
Hinweis: Leere nach dem Speichern den Browser-Cache, um die Änderungen sehen zu können.
- Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
- Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
- Internet Explorer: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
- Opera: Gehe zu Menü → Einstellungen (Opera → Einstellungen auf dem Mac) und dann auf Datenschutz & Sicherheit → Browserdaten löschen → Gespeicherte Bilder und Dateien.
/* Testskript für Herz Übung*/
mw.loader.using( 'mediawiki.util', function () {
// Wait for the page to be parsed
$( document ).ready( function () {
//Übung 1
//Eingabefeld 1
$( '#eingabeherz1' ).click( function ( event ) {
event.preventDefault();
clickFunction1();
} );
function clickFunction1 () {
var eingabeulna1 = '';
var aendern = document.getElementById('eingabeherz1');
var ausgabe = document.getElementById('ausgabeherz1');
eingabeherz1 = prompt('Bitte geben Sie die Lösung ein!','');
ausgabe.innerText = eingabeherz1;
document.getElementById('ausgabeherz1').style.color = "grey";
aendern.innerText = 'ändern';
return eingabeherz1;
}
//Eingabefeld 2
$( '#eingabeherz2' ).click( function ( event ) {
event.preventDefault();
clickFunction2();
} );
function clickFunction2 () {
var eingabeherz2 = '';
var aendern = document.getElementById('eingabeherz2');
var ausgabe = document.getElementById('ausgabeherz2');
eingabeherz2 = prompt('Bitte geben Sie die Lösung ein!','');
ausgabe.innerText = eingabeherz2;
document.getElementById('ausgabeherz2').style.color = "grey";
aendern.innerText = 'ändern';
return eingabeherz2;
}
//Eingabefeld 3
$( '#eingabeherz3' ).click( function ( event ) {
event.preventDefault();
clickFunction3();
} );
function clickFunction3 () {
var eingabeherz = '';
var aendern = document.getElementById('eingabeherz3');
var ausgabe = document.getElementById('ausgabeherz3');
eingabeherz3 = prompt('Bitte geben Sie die Lösung ein!','');
ausgabe.innerText = eingabeherz3;
document.getElementById('ausgabeherz3').style.color = "grey";
aendern.innerText = 'ändern';
return eingabeherz3;
}
//Eingabefeld 4
$( '#eingabeherz4' ).click( function ( event ) {
event.preventDefault();
clickFunction4();
} );
function clickFunction4 () {
var eingabeherz4 = '';
var aendern = document.getElementById('eingabeherz4');
var ausgabe = document.getElementById('ausgabeherz4');
eingabeherz4 = prompt('Bitte geben Sie die Lösung ein!','');
ausgabe.innerText = eingabeherz4;
document.getElementById('ausgabeherz4').style.color = "grey";
aendern.innerText = 'ändern';
return eingabeherz4;
}
//Eingabefeld 5
$( '#eingabeherz5' ).click( function ( event ) {
event.preventDefault();
clickFunction5();
} );
function clickFunction5 () {
var eingabeherz5 = '';
var aendern = document.getElementById('eingabeherz5');
var ausgabe = document.getElementById('ausgabeherz5');
eingabeherz5 = prompt('Bitte geben Sie die Lösung ein!','');
ausgabe.innerText = eingabeherz5;
document.getElementById('ausgabeherz5').style.color = "grey";
aendern.innerText = 'ändern';
return eingabeherz5;
}
//Eingabefeld 6
$( '#eingabeherz6' ).click( function ( event ) {
event.preventDefault();
clickFunction6();
} );
function clickFunction6 () {
var eingabeherz6 = '';
var aendern = document.getElementById('eingabeherz6');
var ausgabe = document.getElementById('ausgabeherz6');
eingabeherz6 = prompt('Bitte geben Sie die Lösung ein!','');
ausgabe.innerText = eingabeherz6;
document.getElementById('ausgabeherz6').style.color = "grey";
aendern.innerText = 'ändern';
return eingabeherz6;
}
//Eingabefeld 7
$( '#eingabeherz7' ).click( function ( event ) {
event.preventDefault();
clickFunction7();
} );
function clickFunction7 () {
var eingabeherz7 = '';
var aendern = document.getElementById('eingabeherz7');
var ausgabe = document.getElementById('ausgabeherz7');
eingabeherz7 = prompt('Bitte geben Sie die Lösung ein!','');
ausgabe.innerText = eingabeherz7;
document.getElementById('ausgabeherz7').style.color = "grey";
aendern.innerText = 'ändern';
return eingabeherz7;
}
//Eingabefeld 8
$( '#eingabeherz8' ).click( function ( event ) {
event.preventDefault();
clickFunction8();
} );
function clickFunction8 () {
var eingabeherz8 = '';
var aendern = document.getElementById('eingabeherz8');
var ausgabe = document.getElementById('ausgabeherz8');
eingabeherz8 = prompt('Bitte geben Sie die Lösung ein!','');
ausgabe.innerText = eingabeherz8;
document.getElementById('ausgabeherz8').style.color = "grey";
aendern.innerText = 'ändern';
return eingabeherz8;
}
//Eingabefeld 9
$( '#eingabeherz9' ).click( function ( event ) {
event.preventDefault();
clickFunction9();
} );
function clickFunction9 () {
var eingabeherz9 = '';
var aendern = document.getElementById('eingabeherz9');
var ausgabe = document.getElementById('ausgabeherz9');
eingabeherz9 = prompt('Bitte geben Sie die Lösung ein!','');
ausgabe.innerText = eingabeherz9;
document.getElementById('ausgabeherz9').style.color = "grey";
aendern.innerText = 'ändern';
return eingabeherz9;
}
//Eingabefeld 10
$( '#eingabeherz10' ).click( function ( event ) {
event.preventDefault();
clickFunction10();
} );
function clickFunction10 () {
var eingabeherz10 = '';
var aendern = document.getElementById('eingabeherz10');
var ausgabe = document.getElementById('ausgabeherz10');
eingabeherz10 = prompt('Bitte geben Sie die Lösung ein!','');
ausgabe.innerText = eingabeherz10;
document.getElementById('ausgabeherz10').style.color = "grey";
aendern.innerText = 'ändern';
return eingabeherz10;
}
//Richtig/ falsch anzeigen
$( '#Herz1Check' ).click( function ( event ) {
event.preventDefault();
$( '.out' ).removeClass('hidden');
loesung();
} );
function loesung () {
var wort1 = document.getElementById('ausgabeherz1').innerHTML;
var wort2 = document.getElementById('ausgabeherz2').innerHTML;
var wort3 = document.getElementById('ausgabeherz3').innerHTML;
var wort4 = document.getElementById('ausgabeherz4').innerHTML;
var wort5 = document.getElementById('ausgabeherz5').innerHTML;
var wort6 = document.getElementById('ausgabeherz6').innerHTML;
var wort7 = document.getElementById('ausgabeherz7').innerHTML;
var wort8 = document.getElementById('ausgabeherz8').innerHTML;
var wort9 = document.getElementById('ausgabeherz9').innerHTML;
var wort10 = document.getElementById('ausgabeherz10').innerHTML;
var Wort = [wort1, wort2, wort3, wort4, wort5, wort6, wort7, wort8, wort9, wort10];
var out1 = document.getElementById('outputherz1');
var out2 = document.getElementById('outputherz2');
var out3 = document.getElementById('outputherz3');
var out4 = document.getElementById('outputherz4');
var out5 = document.getElementById('outputherz5');
var out6 = document.getElementById('outputherz6');
var out7 = document.getElementById('outputherz7');
var out8 = document.getElementById('outputherz8');
var out9 = document.getElementById('outputherz9');
var out10 = document.getElementById('outputherz10');
var out11 = document.getElementById('output1ergebnis1');
var out12 = document.getElementById('output1ergebnis2');
var out13 = document.getElementById('output1ergebnis3');
var out14 = document.getElementById('output1ergebnis4');
var out15 = document.getElementById('output1ergebnis5');
var out = [out1, out2, out3, out4, out5, out6, out7, out8, out9, out10, out11, out12, out13, out14, out15];
var loesung1 = 'd';
var loesung2 = 'c';
var loesung3 = 'd';
var loesung4 = 'a';
var loesung5 = 'a';
var loesung6 = 'b';
var loesung7 = 'c';
var loesung8 = 'a';
var loesung9 = 'd';
var loesung10 = 'b';
var loesung = [loesung1, loesung2, loesung3, loesung4, loesung5, loesung6, loesung7, loesung8, loesung9, loesung10];
var anz_richtig = 0;
for(var j=0;j<=9;j++){
if (Wort[j] == loesung[j]) {
out[j].innerText = 'Richtig!';
out[j].style.color = "green";
anz_richtig = anz_richtig + 1;
} else {
out[j].innerText = 'Falsch!';
out[j].style.color = "red";
}
}
var prozent = ( anz_richtig/10)*100;
out[10].innerText = 'Anzahl richtiger Antworten:';
out[11].innerText = anz_richtig;
out[12].innerText = '/ 10 (';
out[13].innerText = prozent;
out[14].innerText = '%)';
}// Ende Funktion loesung
// Loesungen anzeigen
$( '#Herz1Loesung' ).click( function ( event ) {
event.preventDefault();
$( '.out' ).removeClass('hidden');
ergebnisse() ;
} );
function ergebnisse () {
var wort1 = document.getElementById('ausgabeherz_loesung1').innerHTML;
var wort2 = document.getElementById('ausgabeherz_loesung2').innerHTML;
var wort3 = document.getElementById('ausgabeherz_loesung3').innerHTML;
var wort4 = document.getElementById('ausgabeherz_loesung4').innerHTML;
var wort5 = document.getElementById('ausgabeherz_loesung5').innerHTML;
var wort6 = document.getElementById('ausgabeherz_loesung1').innerHTML;
var wort7 = document.getElementById('ausgabeherz_loesung2').innerHTML;
var wort8 = document.getElementById('ausgabeherz_loesung3').innerHTML;
var wort9 = document.getElementById('ausgabeherz_loesung4').innerHTML;
var wort10 = document.getElementById('ausgabeherz_loesung5').innerHTML;
var Wort = [wort1, wort2, wort3, wort4, wort5, wort6, wort7, wort8, wort9, wort10];
var out1 = document.getElementById('outputherz_loesung1');
var out2 = document.getElementById('outputherz_loesung2');
var out3 = document.getElementById('outputherz_loesung3');
var out4 = document.getElementById('outputherz_loesung4');
var out5 = document.getElementById('outputherz_loesung5');
var out6 = document.getElementById('outputherz_loesung6');
var out7 = document.getElementById('outputherz_loesung7');
var out8 = document.getElementById('outputherz_loesung8');
var out9 = document.getElementById('outputherz_loesung9');
var out10 = document.getElementById('outputherz_loesung10');
var out = [out1, out2, out3, out4, out5, out6, out7, out8, out9, out10];
out[0].innerText = 'd';
out[0].style.color = "green";
out[1].innerText = 'c';
out[1].style.color = "green";
out[2].innerText = 'd';
out[2].style.color = "green";
out[3].innerText = 'a';
out[3].style.color = "green";
out[4].innerText = 'a';
out[4].style.color = "green";
out[5].innerText = 'b';
out[5].style.color = "green";
out[6].innerText = 'c';
out[6].style.color = "green";
out[7].innerText = 'a';
out[7].style.color = "green";
out[8].innerText = 'd';
out[8].style.color = "green";
out[9].innerText = 'b';
out[9].style.color = "green";
}// Ende Funktion ergebnisse
} );
} );
