MediaWiki:Handuebung4.js
Aus Dornheim Anatomy
Version vom 12. August 2022, 11:22 Uhr von Becher (Diskussion | Beiträge) (Die Seite wurde neu angelegt: „→Testskript für Aufgabe 4: mw.loader.using( 'mediawiki.util', function () { // Wait for the page to be parsed $( document ).ready( function () {…“)
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 4 */
mw.loader.using( 'mediawiki.util', function () {
// Wait for the page to be parsed
$( document ).ready( function () {
//Eingabefeld 1
$( '#eingabechoice1' ).click( function ( event ) {
event.preventDefault();
clickFunction1();
} );
function clickFunction1 () {
var eingabechoice1 = '';
var aendern = document.getElementById('eingabechoice1');
var ausgabe = document.getElementById('ausgabechoice1');
eingabechoice1 = prompt('Bitte geben Sie die Lösung ein!','');
ausgabe.innerText = eingabechoice1;
document.getElementById('ausgabechoice1').style.color = "grey";
aendern.innerText = 'ändern';
return eingabechoice1;
}
//Eingabefeld 2
$( '#eingabechoice2' ).click( function ( event ) {
event.preventDefault();
clickFunction2();
} );
function clickFunction2 () {
var eingabechoice2 = '';
var aendern = document.getElementById('eingabechoice2');
var ausgabe = document.getElementById('ausgabechoice2');
eingabechoice2 = prompt('Bitte geben Sie die Lösung ein!','');
ausgabe.innerText = eingabechoice2;
document.getElementById('ausgabechoice2').style.color = "grey";
aendern.innerText = 'ändern';
return eingabechoice2;
}
//Eingabefeld 3
$( '#eingabechoice3' ).click( function ( event ) {
event.preventDefault();
clickFunction3();
} );
function clickFunction3 () {
var eingabechoice3 = '';
var aendern = document.getElementById('eingabechoice3');
var ausgabe = document.getElementById('ausgabechoice3');
eingabechoice3 = prompt('Bitte geben Sie die Lösung ein!','');
ausgabe.innerText = eingabechoice3;
document.getElementById('ausgabechoice3').style.color = "grey";
aendern.innerText = 'ändern';
return eingabechoice3;
}
//Eingabefeld 4
$( '#eingabechoice4' ).click( function ( event ) {
event.preventDefault();
clickFunction4();
} );
function clickFunction4 () {
var eingabechoice4 = '';
var aendern = document.getElementById('eingabechoice4');
var ausgabe = document.getElementById('ausgabechoice4');
eingabechoice4 = prompt('Bitte geben Sie die Lösung ein!','');
ausgabe.innerText = eingabechoice4;
document.getElementById('ausgabechoice4').style.color = "grey";
aendern.innerText = 'ändern';
return eingabechoice4;
}
//Eingabefeld 5
$( '#eingabechoice5' ).click( function ( event ) {
event.preventDefault();
clickFunction5();
} );
function clickFunction5 () {
var eingabechoice5 = '';
var aendern = document.getElementById('eingabechoice5');
var ausgabe = document.getElementById('ausgabechoice5');
eingabechoice5 = prompt('Bitte geben Sie die Lösung ein!','');
ausgabe.innerText = eingabechoice5;
document.getElementById('ausgabechoice5').style.color = "grey";
aendern.innerText = 'ändern';
return eingabechoice5;
}
//Eingabefeld 61
$( '#eingabechoice61' ).click( function ( event ) {
event.preventDefault();
clickFunction61();
} );
function clickFunction61 () {
var eingabechoice61 = '';
var aendern = document.getElementById('eingabechoice61');
var ausgabe = document.getElementById('ausgabechoice61');
eingabechoice61 = prompt('Bitte geben Sie die Lösung ein!','');
ausgabe.innerText = eingabechoice61;
document.getElementById('ausgabechoice61').style.color = "grey";
aendern.innerText = 'ändern';
return eingabechoice61;
}
//Eingabefeld 62
$( '#eingabechoice62' ).click( function ( event ) {
event.preventDefault();
clickFunction62();
} );
function clickFunction62 () {
var eingabechoice62 = '';
var aendern = document.getElementById('eingabechoice62');
var ausgabe = document.getElementById('ausgabechoice62');
eingabechoice62 = prompt('Bitte geben Sie die Lösung ein!','');
ausgabe.innerText = eingabechoice62;
document.getElementById('ausgabechoice62').style.color = "grey";
aendern.innerText = 'ändern';
return eingabechoice62;
}
//Eingabefeld 63
$( '#eingabechoice63' ).click( function ( event ) {
event.preventDefault();
clickFunction63();
} );
function clickFunction63 () {
var eingabechoice63 = '';
var aendern = document.getElementById('eingabechoice63');
var ausgabe = document.getElementById('ausgabechoice63');
eingabechoice63 = prompt('Bitte geben Sie die Lösung ein!','');
ausgabe.innerText = eingabechoice63;
document.getElementById('ausgabechoice63').style.color = "grey";
aendern.innerText = 'ändern';
return eingabechoice63;
}
//Eingabefeld 7
$( '#eingabechoice7' ).click( function ( event ) {
event.preventDefault();
clickFunction7();
} );
function clickFunction7 () {
var eingabechoice7 = '';
var aendern = document.getElementById('eingabechoice7');
var ausgabe = document.getElementById('ausgabechoice7');
eingabechoice7 = prompt('Bitte geben Sie die Lösung ein!','');
ausgabe.innerText = eingabechoice7;
document.getElementById('ausgabechoice7').style.color = "grey";
aendern.innerText = 'ändern';
return eingabechoice7;
}
//Eingabefeld 8
$( '#eingabechoice8' ).click( function ( event ) {
event.preventDefault();
clickFunction8();
} );
function clickFunction8 () {
var eingabechoice8 = '';
var aendern = document.getElementById('eingabechoice8');
var ausgabe = document.getElementById('ausgabechoice8');
eingabechoice8 = prompt('Bitte geben Sie die Lösung ein!','');
ausgabe.innerText = eingabechoice8;
document.getElementById('ausgabechoice8').style.color = "grey";
aendern.innerText = 'ändern';
return eingabechoice8;
}
//Eingabefeld 9
$( '#eingabechoice9' ).click( function ( event ) {
event.preventDefault();
clickFunction9();
} );
function clickFunction9 () {
var eingabechoice9 = '';
var aendern = document.getElementById('eingabechoice9');
var ausgabe = document.getElementById('ausgabechoice9');
eingabechoice9 = prompt('Bitte geben Sie die Lösung ein!','');
ausgabe.innerText = eingabechoice9;
document.getElementById('ausgabechoice9').style.color = "grey";
aendern.innerText = 'ändern';
return eingabechoice9;
}
//Eingabefeld 10
$( '#eingabechoice10' ).click( function ( event ) {
event.preventDefault();
clickFunction10();
} );
function clickFunction10 () {
var eingabechoice10 = '';
var aendern = document.getElementById('eingabechoice10');
var ausgabe = document.getElementById('ausgabechoice10');
eingabechoice10 = prompt('Bitte geben Sie die Lösung ein!','');
ausgabe.innerText = eingabechoice10;
document.getElementById('ausgabechoice10').style.color = "grey";
aendern.innerText = 'ändern';
return eingabechoice10;
}
//Richtig/ falsch anzeigen
$( '#SinglechoiceCheck' ).click( function ( event ) {
event.preventDefault();
$( '.out' ).removeClass('hidden');
loesung();
} );
function loesung () {
var wort1 = document.getElementById('ausgabechoice1').innerHTML;
var wort2 = document.getElementById('ausgabechoice2').innerHTML;
var wort3 = document.getElementById('ausgabechoice3').innerHTML;
var wort4 = document.getElementById('ausgabechoice4').innerHTML;
var wort5 = document.getElementById('ausgabechoice5').innerHTML;
var wort61 = document.getElementById('ausgabechoice61').innerHTML;
var wort62 = document.getElementById('ausgabechoice62').innerHTML;
var wort63 = document.getElementById('ausgabechoice63').innerHTML;
var wort7 = document.getElementById('ausgabechoice7').innerHTML;
var wort8 = document.getElementById('ausgabechoice8').innerHTML;
var wort9 = document.getElementById('ausgabechoice9').innerHTML;
var wort10 = document.getElementById('ausgabechoice10').innerHTML;
var Wort = [wort1, wort2, wort3, wort4, wort5, wort61, wort62, wort63, wort7, wort8, wort9, wort10];
var out1 = document.getElementById('outputchoice1');
var out2 = document.getElementById('outputchoice2');
var out3 = document.getElementById('outputchoice3');
var out4 = document.getElementById('outputchoice4');
var out5 = document.getElementById('outputchoice5');
var out61 = document.getElementById('outputchoice61');
var out62 = document.getElementById('outputchoice62');
var out63 = document.getElementById('outputchoice63');
var out7 = document.getElementById('outputchoice7');
var out8 = document.getElementById('outputchoice8');
var out9 = document.getElementById('outputchoice9');
var out10 = document.getElementById('outputchoice10');
var out11 = document.getElementById('outputchoice11');
var out12 = document.getElementById('outputchoice12');
var out13 = document.getElementById('outputchoice13');
var out14 = document.getElementById('outputchoice14');
var out15 = document.getElementById('outputchoice15');
var out = [out1, out2, out3, out4, out5, out61, out62, out63, out7, out8, out9, out10, out11, out12, out13, out14, out15];
var loesung1 = 'd';
var loesung2 = 'd';
var loesung3 = 'b';
var loesung4 = 'a';
var loesung5 = 'd';
var loesung61 = 'a';
var loesung62 = 'b';
var loesung63 = 'b';
var loesung7 = 'c';
var loesung8 = 'd';
var loesung9 = 'a';
var loesung10 = 'c';
var loesung = [loesung1, loesung2, loesung3, loesung4, loesung5, loesung61, loesung62, loesung63, loesung7, loesung8, loesung9, loesung10];
// for (var i=0;i<=11;i++){
// var attribute = document.querySelectorAll(".out p")[i];
// attribute.removeAttribute("hidden");
// }
var anz_richtig = 0;
for(var j=0;j<=11;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 = Math.round(( anz_richtig/12)*100);
out[12].innerText = 'Anzahl richtiger Antworten:';
out[13].innerText = anz_richtig;
out[14].innerText = '/ 12 (';
out[15].innerText = prozent;
out[16].innerText = '%)';
}// Ende Funktion loesung
// Loesungen anzeigen
$( '#SinglechoiceLoesung' ).click( function ( event ) {
event.preventDefault();
$( '.out' ).removeClass('hidden');
ergebnisse()
} );
function ergebnisse () {
var wort1 = document.getElementById('ausgabechoice_loesung1').innerHTML;
var wort2 = document.getElementById('ausgabechoice_loesung2').innerHTML;
var wort3 = document.getElementById('ausgabechoice_loesung3').innerHTML;
var wort4 = document.getElementById('ausgabechoice_loesung4').innerHTML;
var wort5 = document.getElementById('ausgabechoice_loesung5').innerHTML;
var wort61 = document.getElementById('ausgabechoice_loesung61').innerHTML;
var wort62 = document.getElementById('ausgabechoice_loesung62').innerHTML;
var wort63 = document.getElementById('ausgabechoice_loesung63').innerHTML;
var wort7 = document.getElementById('ausgabechoice_loesung7').innerHTML;
var wort8 = document.getElementById('ausgabechoice_loesung8').innerHTML;
var wort9 = document.getElementById('ausgabechoice_loesung9').innerHTML;
var wort10 = document.getElementById('ausgabechoice_loesung10').innerHTML;
var Wort = [wort1, wort2, wort3, wort4, wort5, wort61, wort62, wort63, wort7,wort8, wort9, wort10];
var out1 = document.getElementById('outputchoice_loesung1');
var out2 = document.getElementById('outputchoice_loesung2');
var out3 = document.getElementById('outputchoice_loesung3');
var out4 = document.getElementById('outputchoice_loesung4');
var out5 = document.getElementById('outputchoice_loesung5');
var out61 = document.getElementById('outputchoice_loesung61');
var out62 = document.getElementById('outputchoice_loesung62');
var out63 = document.getElementById('outputchoice_loesung63');
var out7 = document.getElementById('outputchoice_loesung7');
var out8 = document.getElementById('outputchoice_loesung8');
var out9 = document.getElementById('outputchoice_loesung9');
var out10 = document.getElementById('outputchoice_loesung10');
var out = [out1, out2, out3, out4, out5, out61, out62, out63, out7, out8, out9, out10];
out[0].innerText = 'd';
out[0].style.color = "green";
out[1].innerText = 'd';
out[1].style.color = "green";
out[2].innerText = 'b';
out[2].style.color = "green";
out[3].innerText = 'a';
out[3].style.color = "green";
out[4].innerText = 'd';
out[4].style.color = "green";
out[5].innerText = 'a';
out[5].style.color = "green";
out[6].innerText = 'b';
out[6].style.color = "green";
out[7].innerText = 'b';
out[7].style.color = "green";
out[8].innerText = 'c';
out[8].style.color = "green";
out[9].innerText = 'd';
out[9].style.color = "green";
out[10].innerText = 'a';
out[10].style.color = "green";
out[11].innerText = 'c';
out[11].style.color = "green";
}// Ende Funktion ergebnisse
} );
} );
