MediaWiki:Handuebung3.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 Aufgabe 3 */
mw.loader.using( 'mediawiki.util', function () {
// Wait for the page to be parsed
$( document ).ready( function () {
//Luecke 1
$( '#eingabeluecke1' ).click( function ( event ) {
event.preventDefault();
clickFunction1();
} );
function clickFunction1 () {
var eingabeluecke1 = '';
var aendern = document.getElementById('eingabeluecke1');
var ausgabe = document.getElementById('ausgabeluecke1');
eingabeluecke1 = prompt('Bitte geben Sie die Lösung ein!','');
ausgabe.innerText = eingabeluecke1;
document.getElementById('ausgabeluecke1').style.color = "grey";
aendern.innerText = 'ändern';
return eingabeluecke1;
}
// Luecke 2
$( '#eingabeluecke2' ).click( function ( event ) {
event.preventDefault();
clickFunction2();
} );
function clickFunction2 () {
var eingabeluecke2 = '';
var aendern = document.getElementById('eingabeluecke2');
var ausgabe = document.getElementById('ausgabeluecke2');
eingabeluecke2 = prompt('Bitte geben Sie die Lösung ein!','');
ausgabe.innerText = eingabeluecke2;
document.getElementById('ausgabeluecke2').style.color = "grey";
aendern.innerText = 'ändern';
return eingabeluecke2;
}
// Luecke 3
$( '#eingabeluecke3' ).click( function ( event ) {
event.preventDefault();
clickFunction3();
} );
function clickFunction3 () {
var eingabeluecke3 = '';
var aendern = document.getElementById('eingabeluecke3');
var ausgabe = document.getElementById('ausgabeluecke3');
eingabeluecke3 = prompt('Bitte geben Sie die Lösung ein!','');
ausgabe.innerText = eingabeluecke3;
document.getElementById('ausgabeluecke3').style.color = "grey";
aendern.innerText = 'ändern';
return eingabeluecke3;
}
// Luecke 4
$( '#eingabeluecke4' ).click( function ( event ) {
event.preventDefault();
clickFunction4();
} );
function clickFunction4 () {
var eingabeluecke4 = '';
var aendern = document.getElementById('eingabeluecke4');
var ausgabe = document.getElementById('ausgabeluecke4');
eingabeluecke4 = prompt('Bitte geben Sie die Lösung ein!','');
ausgabe.innerText = eingabeluecke4;
document.getElementById('ausgabeluecke4').style.color = "grey";
aendern.innerText = 'ändern';
return eingabeluecke4;
}
// Luecke 5
$( '#eingabeluecke5' ).click( function ( event ) {
event.preventDefault();
clickFunction5();
} );
function clickFunction5 () {
var eingabeluecke5 = '';
var aendern = document.getElementById('eingabeluecke5');
var ausgabe = document.getElementById('ausgabeluecke5');
eingabeluecke5 = prompt('Bitte geben Sie die Lösung ein!','');
ausgabe.innerText = eingabeluecke5;
document.getElementById('ausgabeluecke5').style.color = "grey";
aendern.innerText = 'ändern';
return eingabeluecke5;
}
// Luecke 6
$( '#eingabeluecke6' ).click( function ( event ) {
event.preventDefault();
clickFunction6();
} );
function clickFunction6 () {
var eingabeluecke6 = '';
var aendern = document.getElementById('eingabeluecke6');
var ausgabe = document.getElementById('ausgabeluecke6');
eingabeluecke6 = prompt('Bitte geben Sie die Lösung ein!','');
ausgabe.innerText = eingabeluecke6;
document.getElementById('ausgabeluecke6').style.color = "grey";
aendern.innerText = 'ändern';
return eingabeluecke6;
}
// Luecke 7
$( '#eingabeluecke7' ).click( function ( event ) {
event.preventDefault();
clickFunction7();
} );
function clickFunction7 () {
var eingabeluecke7 = '';
var aendern = document.getElementById('eingabeluecke7');
var ausgabe = document.getElementById('ausgabeluecke7');
eingabeluecke7 = prompt('Bitte geben Sie die Lösung ein!','');
ausgabe.innerText = eingabeluecke7;
document.getElementById('ausgabeluecke7').style.color = "grey";
aendern.innerText = 'ändern';
return eingabeluecke7;
}
//Richtig/ falsch anzeigen
$( '#LueckenCheck' ).click( function ( event ) {
event.preventDefault();
$( '.out' ).removeClass('hidden');
loesung();
} );
function loesung () {
var wort1 = document.getElementById('ausgabeluecke1').innerHTML;
var wort2 = document.getElementById('ausgabeluecke2').innerHTML;
var wort3 = document.getElementById('ausgabeluecke3').innerHTML;
var wort4 = document.getElementById('ausgabeluecke4').innerHTML;
var wort5 = document.getElementById('ausgabeluecke5').innerHTML;
var wort6 = document.getElementById('ausgabeluecke6').innerHTML;
var wort7 = document.getElementById('ausgabeluecke7').innerHTML;
var Wort = [wort1, wort2, wort3, wort4, wort5, wort6, wort7];
var out1 = document.getElementById('output1');
var out2 = document.getElementById('output2');
var out3 = document.getElementById('output3');
var out4 = document.getElementById('output4');
var out5 = document.getElementById('output5');
var out6 = document.getElementById('output6');
var out7 = document.getElementById('output7');
var out8 = document.getElementById('output8');
var out9 = document.getElementById('output9');
var out10 = document.getElementById('output10');
var out11= document.getElementById('output11');
var out12= document.getElementById('output12');
var out = [out1, out2, out3, out4, out5, out6, out7, out8, out9, out10, out11, out12];
var loesung1 = 'Digiti manus';
var loesung2 = 'digiti manus';
var loesung3 = 'Metacapus';
var loesung4 = 'metacapus';
var loesung5 = 'Capus';
var loesung6 = 'capus';
var loesung7 = 'Palma manus';
var loesung8 = 'palma manus';
var loesung9 = 'Dorsum manus';
var loesung10 = 'dorsum manus';
var loesung11 = 'Elle';
var loesung12 = 'Ulna';
var loesung13 = 'Speiche';
var loesung14 = 'Radius';
var loesung = [loesung1, loesung2, loesung3, loesung4, loesung5, loesung6, loesung7, loesung8, loesung9, loesung10, loesung11,
loesung12, loesung13, loesung14];
// for (var i=0;i<=6;i++){
// var attribute = document.querySelectorAll(".out p")[i];
// attribute.removeAttribute("hidden");
// }
var ant_richtige = 0;
for(var j=0;j<=6;j++){
if (Wort[j] == loesung[2*j] || Wort[j] == loesung[2*j+1]) {
out[j].innerText = 'Richtig!';
out[j].style.color = "green";
anz_richtige = anz_richtige + 1;
} else {
out[j].innerText = 'Falsch!';
out[j].style.color = "red";
}
}
var prozent = ( anz_richtig/7)*100;
out[7].innerText = 'Anzahl richtiger Antworten:';
out[8].innerText = anz_richtig;
out[9].innerText = '/ 7 (';
out[10].innerText = prozent;
out[11].innerText = '%)';
}// Ende Funktion loesung
// Loesungen anzeigen
$( '#LueckenLoesung' ).click( function ( event ) {
event.preventDefault();
$( '.out' ).removeClass('hidden');
ergebnisse()
} );
function ergebnisse () {
var wort1 = document.getElementById('ausgabeluecke_loesung1').innerHTML;
var wort2 = document.getElementById('ausgabeluecke_loesung2').innerHTML;
var wort3 = document.getElementById('ausgabeluecke_loesung3').innerHTML;
var wort4 = document.getElementById('ausgabeluecke_loesung4').innerHTML;
var wort5 = document.getElementById('ausgabeluecke_loesung5').innerHTML;
var wort6 = document.getElementById('ausgabeluecke_loesung6').innerHTML;
var wort7 = document.getElementById('ausgabeluecke_loesung7').innerHTML;
var Wort = [wort1, wort2, wort3, wort4, wort5, wort6, wort7];
var out1 = document.getElementById('output_loesung1');
var out2 = document.getElementById('output_loesung2');
var out3 = document.getElementById('output_loesung3');
var out4 = document.getElementById('output_loesung4');
var out5 = document.getElementById('output_loesung5');
var out6 = document.getElementById('output_loesung6');
var out7 = document.getElementById('output_loesung7');
var out = [out1, out2, out3, out4, out5, out6, out7];
out[0].innerText = 'Digiti manus';
out[0].style.color = "green";
out[1].innerText = 'Metacapus';
out[1].style.color = "green";
out[2].innerText = 'Capus';
out[2].style.color = "green";
out[3].innerText = 'Palma manus';
out[3].style.color = "green";
out[4].innerText = 'Dorsum manus';
out[4].style.color = "green";
out[5].innerText = 'Ulna';
out[5].style.color = "green";
out[6].innerText = 'Radius';
out[6].style.color = "green";
}// Ende Funktion ergebnisse
} );
} );
