MediaWiki:LeberuebungTest.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 Leber Übung*/
mw.loader.using( 'mediawiki.util', function () {
// Wait for the page to be parsed
$( document ).ready( function () {
//Übung 1
//Eingabefeld 1
$( '#eingabeleberchoice1' ).click( function ( event ) {
event.preventDefault();
clickFunction1();
} );
function clickFunction1 () {
var eingabeleberchoice1 = '';
var aendern = document.getElementById('eingabeleberchoice1');
var ausgabe = document.getElementById('ausgabeleberchoice1');
eingabeleberchoice1 = prompt('Bitte geben Sie die Lösung ein!','');
ausgabe.innerText = eingabeleberchoice1;
document.getElementById('ausgabeleberchoice1').style.color = "grey";
aendern.innerText = 'ändern';
return eingabeleberchoice1;
}
//Eingabefeld 2
$( '#eingabeleberchoice2' ).click( function ( event ) {
event.preventDefault();
clickFunction2();
} );
function clickFunction2 () {
var eingabeleberchoice2 = '';
var aendern = document.getElementById('eingabeleberchoice2');
var ausgabe = document.getElementById('ausgabeleberchoice2');
eingabeleberchoice2 = prompt('Bitte geben Sie die Lösung ein!','');
ausgabe.innerText = eingabeleberchoice2;
document.getElementById('ausgabeleberchoice2').style.color = "grey";
aendern.innerText = 'ändern';
return eingabeleberchoice2;
}
//Eingabefeld 3
$( '#eingabeleberchoice3' ).click( function ( event ) {
event.preventDefault();
clickFunction3();
} );
function clickFunction3 () {
var eingabeleberchoice3 = '';
var aendern = document.getElementById('eingabeleberchoice3');
var ausgabe = document.getElementById('ausgabeleberchoice3');
eingabeleberchoice3 = prompt('Bitte geben Sie die Lösung ein!','');
ausgabe.innerText = eingabeleberchoice3;
document.getElementById('ausgabeleberchoice3').style.color = "grey";
aendern.innerText = 'ändern';
return eingabeleberchoice3;
}
//Eingabefeld 4
$( '#eingabeleberchoice4' ).click( function ( event ) {
event.preventDefault();
clickFunction4();
} );
function clickFunction4 () {
var eingabeleberchoice4 = '';
var aendern = document.getElementById('eingabeleberchoice4');
var ausgabe = document.getElementById('ausgabeleberchoice4');
eingabeleberchoice4 = prompt('Bitte geben Sie die Lösung ein!','');
ausgabe.innerText = eingabeleberchoice4;
document.getElementById('ausgabeleberchoice4').style.color = "grey";
aendern.innerText = 'ändern';
return eingabeleberchoice4;
}
//Eingabefeld 5
$( '#eingabeleberchoice5' ).click( function ( event ) {
event.preventDefault();
clickFunction5();
} );
function clickFunction5 () {
var eingabeleberchoice5 = '';
var aendern = document.getElementById('eingabeleberchoice5');
var ausgabe = document.getElementById('ausgabeleberchoice5');
eingabeleberchoice5 = prompt('Bitte geben Sie die Lösung ein!','');
ausgabe.innerText = eingabeleberchoice5;
document.getElementById('ausgabeleberchoice5').style.color = "grey";
aendern.innerText = 'ändern';
return eingabeleberchoice5;
}
//Übung2
//Eingabefeld 1
$( '#eingabesegmente1' ).click( function ( event ) {
event.preventDefault();
clickFunction11();
} );
function clickFunction11 () {
var eingabesegmente1 = '';
var aendern = document.getElementById('eingabesegmente1');
var ausgabe = document.getElementById('ausgabesegmente1');
eingabesegmente1 = prompt('Bitte geben Sie die Lösung ein!','');
ausgabe.innerText = eingabesegmente1;
document.getElementById('ausgabesegmente1').style.color = "grey";
aendern.innerText = 'ändern';
return eingabesegmente1;
}
//Eingabefeld 2
$( '#eingabesegmente2' ).click( function ( event ) {
event.preventDefault();
clickFunction12();
} );
function clickFunction12 () {
var eingabesegmente2 = '';
var aendern = document.getElementById('eingabesegmente2');
var ausgabe = document.getElementById('ausgabesegmente2');
eingabesegmente2 = prompt('Bitte geben Sie die Lösung ein!','');
ausgabe.innerText = eingabesegmente2;
document.getElementById('ausgabesegmente2').style.color = "grey";
aendern.innerText = 'ändern';
return eingabesegmente2;
}
//Eingabefeld 3
$( '#eingabesegmente3' ).click( function ( event ) {
event.preventDefault();
clickFunction13();
} );
function clickFunction13 () {
var eingabesegmente3 = '';
var aendern = document.getElementById('eingabesegmente3');
var ausgabe = document.getElementById('ausgabesegmente3');
eingabesegmente3 = prompt('Bitte geben Sie die Lösung ein!','');
ausgabe.innerText = eingabesegmente3;
document.getElementById('ausgabesegmente3').style.color = "grey";
aendern.innerText = 'ändern';
return eingabesegmente3;
}
//Eingabefeld 4
$( '#eingabesegmente4' ).click( function ( event ) {
event.preventDefault();
clickFunction14();
} );
function clickFunction14 () {
var eingabesegmente4 = '';
var aendern = document.getElementById('eingabesegmente4');
var ausgabe = document.getElementById('ausgabesegmente4');
eingabesegmente4 = prompt('Bitte geben Sie die Lösung ein!','');
ausgabe.innerText = eingabesegmente4;
document.getElementById('ausgabesegmente4').style.color = "grey";
aendern.innerText = 'ändern';
return eingabesegmente4;
}
//Eingabefeld 5
$( '#eingabesegmente5' ).click( function ( event ) {
event.preventDefault();
clickFunction15();
} );
function clickFunction15 () {
var eingabesegmente5 = '';
var aendern = document.getElementById('eingabesegmente5');
var ausgabe = document.getElementById('ausgabesegmente5');
eingabesegmente5 = prompt('Bitte geben Sie die Lösung ein!','');
ausgabe.innerText = eingabesegmente5;
document.getElementById('ausgabesegmente5').style.color = "grey";
aendern.innerText = 'ändern';
return eingabesegmente5;
}
//Eingabefeld 6
$( '#eingabesegmente6' ).click( function ( event ) {
event.preventDefault();
clickFunction16();
} );
function clickFunction16 () {
var eingabesegmente6 = '';
var aendern = document.getElementById('eingabesegmente6');
var ausgabe = document.getElementById('ausgabesegmente6');
eingabesegmente6 = prompt('Bitte geben Sie die Lösung ein!','');
ausgabe.innerText = eingabesegmente6;
document.getElementById('ausgabesegmente6').style.color = "grey";
aendern.innerText = 'ändern';
return eingabesegmente6;
}
//Eingabefeld 7
$( '#eingabesegmente7' ).click( function ( event ) {
event.preventDefault();
clickFunction17();
} );
function clickFunction17 () {
var eingabesegmente7 = '';
var aendern = document.getElementById('eingabesegmente7');
var ausgabe = document.getElementById('ausgabesegmente7');
eingabesegmente7 = prompt('Bitte geben Sie die Lösung ein!','');
ausgabe.innerText = eingabesegmente7;
document.getElementById('ausgabesegmente7').style.color = "grey";
aendern.innerText = 'ändern';
return eingabesegmente7;
}
//Eingabefeld 8
$( '#eingabesegmente8' ).click( function ( event ) {
event.preventDefault();
clickFunction18();
} );
function clickFunction18 () {
var eingabesegmente8 = '';
var aendern = document.getElementById('eingabesegmente8');
var ausgabe = document.getElementById('ausgabesegmente8');
eingabesegmente8 = prompt('Bitte geben Sie die Lösung ein!','');
ausgabe.innerText = eingabesegmente8;
document.getElementById('ausgabesegmente8').style.color = "grey";
aendern.innerText = 'ändern';
return eingabesegmente8;
}
//Richtig/ falsch anzeigen Übung 1
$( '#LeberchoiceCheck' ).click( function ( event ) {
event.preventDefault();
$( '.out' ).removeClass('hidden');
loesung();
} );
function loesung () {
var wort1 = document.getElementById('ausgabeleberchoice1').innerHTML;
var wort2 = document.getElementById('ausgabeleberchoice2').innerHTML;
var wort3 = document.getElementById('ausgabeleberchoice3').innerHTML;
var wort4 = document.getElementById('ausgabeleberchoice4').innerHTML;
var wort5 = document.getElementById('ausgabeleberchoice5').innerHTML;
var Wort = [wort1, wort2, wort3, wort4, wort5];
var out1 = document.getElementById('outputleberchoice1');
var out2 = document.getElementById('outputleberchoice2');
var out3 = document.getElementById('outputleberchoice3');
var out4 = document.getElementById('outputleberchoice4');
var out5 = document.getElementById('outputleberchoice5');
var out6 = document.getElementById('outputleberchoice6');
var out7 = document.getElementById('outputleberchoice7');
var out8 = document.getElementById('outputleberchoice8');
var out9 = document.getElementById('outputleberchoice9');
var out10 = document.getElementById('outputleberchoice10');
var out = [out1, out2, out3, out4, out5, out6, out7, out8, out9, out10];
var loesung1 = 'a';
var loesung2 = 'd';
var loesung3 = 'd';
var loesung4 = 'a';
var loesung5 = 'b';
var loesung = [loesung1, loesung2, loesung3, loesung4, loesung5];
// for (var i=0;i<=4;i++){
// var attribute = document.querySelectorAll(".out p")[i];
// attribute.removeAttribute("hidden");
// }
var anz_richtig = 0;
for(var j=0;j<=4;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/5)*100;
//out[5].innerText = anz_richtig '/5 richtig ('prozent'%)';
out[5].innerText = 'Anzahl richtiger Antworten:';
out[6].innerText = anz_richtig;
out[7].innerText = '/ 5 (';
out[8].innerText = prozent;
out[9].innerText = '%)';
}// Ende Funktion loesung
//Richtig/ falsch anzeigen Übung 2
$( '#SegmenteCheck' ).click( function ( event ) {
event.preventDefault();
$( '.out' ).removeClass('hidden');
loesung2();
} );
function loesung2 () {
var wort1 = document.getElementById('ausgabesegmente1').innerHTML;
var wort2 = document.getElementById('ausgabesegmente2').innerHTML;
var wort3 = document.getElementById('ausgabesegmente3').innerHTML;
var wort4 = document.getElementById('ausgabesegmente4').innerHTML;
var wort5 = document.getElementById('ausgabesegmente5').innerHTML;
var wort6 = document.getElementById('ausgabesegmente6').innerHTML;
var wort7 = document.getElementById('ausgabesegmente7').innerHTML;
var wort8 = document.getElementById('ausgabesegmente8').innerHTML;
var Wort = [wort1, wort2, wort3, wort4, wort5, wort6, wort7, wort8];
var out1 = document.getElementById('outputsegmente1');
var out2 = document.getElementById('outputsegmente2');
var out3 = document.getElementById('outputsegmente3');
var out4 = document.getElementById('outputsegmente4');
var out5 = document.getElementById('outputsegmente5');
var out6 = document.getElementById('outputsegmente6');
var out7 = document.getElementById('outputsegmente7');
var out8 = document.getElementById('outputsegmente8');
var out9 = document.getElementById('outputsegmente9');
var out10 = document.getElementById('outputsegmente10');
var out11 = document.getElementById('outputsegmente11');
var out12 = document.getElementById('outputsegmente12');
var out13 = document.getElementById('outputsegmente13');
var out = [out1, out2, out3, out4, out5, out6, out7, out8, out9, out10, out11, out12, out13];
var loesung1 = '2';
var loesung2 = '6';
var loesung3 = '7';
var loesung4 = '1';
var loesung5 = '4';
var loesung6 = '3';
var loesung7 = '8';
var loesung8 = '5';
var loesung = [loesung1, loesung2, loesung3, loesung4, loesung5, loesung6, loesung7, loesung8];
// for (var i=0;i<=7;i++){
// var attribute = document.querySelectorAll(".out p")[i];
// attribute.removeAttribute("hidden");
// }
var anz_richtig2 = 0;
for(var j=0;j<=7;j++){
if (Wort[j] == loesung[j]) {
out[j].innerText = 'Richtig!';
out[j].style.color = "green";
anz_richtig2 = anz_richtig2 + 1;
} else {
out[j].innerText = 'Falsch!';
out[j].style.color = "red";
}
}
var prozent2 = Math.round(( anz_richtig2/8)*100);
out[8].innerText = 'Anzahl richtiger Antworten:';
out[9].innerText = anz_richtig2;
out[10].innerText = '/ 8 (';
out[11].innerText = prozent2;
out[12].innerText = '%)';
}// Ende Funktion loesung2
// Loesungen anzeigen Übung1
$( '#LeberchoiceLoesung' ).click( function ( event ) {
event.preventDefault();
$( '.out' ).removeClass('hidden');
ergebnisse() ;
} );
function ergebnisse () {
var wort1 = document.getElementById('ausgabeleberchoice_loesung1').innerHTML;
var wort2 = document.getElementById('ausgabeleberchoice_loesung2').innerHTML;
var wort3 = document.getElementById('ausgabeleberchoice_loesung3').innerHTML;
var wort4 = document.getElementById('ausgabeleberchoice_loesung4').innerHTML;
var wort5 = document.getElementById('ausgabeleberchoice_loesung5').innerHTML;
var Wort = [wort1, wort2, wort3, wort4, wort5];
var out1 = document.getElementById('outputleberchoice_loesung1');
var out2 = document.getElementById('outputleberchoice_loesung2');
var out3 = document.getElementById('outputleberchoice_loesung3');
var out4 = document.getElementById('outputleberchoice_loesung4');
var out5 = document.getElementById('outputleberchoice_loesung5');
var out = [out1, out2, out3, out4, out5];
out[0].innerText = 'a';
out[0].style.color = "green";
out[1].innerText = 'd';
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 = 'b';
out[4].style.color = "green";
}// Ende Funktion ergebnisse
// Loesungen anzeigen Übung2
$( '#SegmenteLoesung' ).click( function ( event ) {
event.preventDefault();
$( '.out' ).removeClass('hidden');
ergebnisse2() ;
} );
function ergebnisse2 () {
var wort1 = document.getElementById('ausgabesegmente_loesung1').innerHTML;
var wort2 = document.getElementById('ausgabesegmente_loesung2').innerHTML;
var wort3 = document.getElementById('ausgabesegmente_loesung3').innerHTML;
var wort4 = document.getElementById('ausgabesegmente_loesung4').innerHTML;
var wort5 = document.getElementById('ausgabesegmente_loesung5').innerHTML;
var wort6 = document.getElementById('ausgabesegmente_loesung6').innerHTML;
var wort7 = document.getElementById('ausgabesegmente_loesung7').innerHTML;
var wort8 = document.getElementById('ausgabesegmente_loesung8').innerHTML;
var Wort = [wort1, wort2, wort3, wort4, wort5, wort6, wort7, wort8];
var out1 = document.getElementById('outputsegmente_loesung1');
var out2 = document.getElementById('outputsegmente_loesung2');
var out3 = document.getElementById('outputsegmente_loesung3');
var out4 = document.getElementById('outputsegmente_loesung4');
var out5 = document.getElementById('outputsegmente_loesung5');
var out6 = document.getElementById('outputsegmente_loesung6');
var out7 = document.getElementById('outputsegmente_loesung7');
var out8 = document.getElementById('outputsegmente_loesung8');
var out = [out1, out2, out3, out4, out5, out6, out7, out8];
out[0].innerText = '2';
out[0].style.color = "green";
out[1].innerText = '6';
out[1].style.color = "green";
out[2].innerText = '7';
out[2].style.color = "green";
out[3].innerText = '1';
out[3].style.color = "green";
out[4].innerText = '4';
out[4].style.color = "green";
out[5].innerText = '3';
out[5].style.color = "green";
out[6].innerText = '8';
out[6].style.color = "green";
out[7].innerText = '5';
out[7].style.color = "green";
}// Ende Funktion ergebnisse2
} );
} );
