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 () {…“)
(Unterschied) ← Nächstältere Version | Aktuelle Version (Unterschied) | Nächstjüngere Version → (Unterschied)
Wechseln zu:Navigation, Suche

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

    } );
} );