MediaWiki:LeberuebungTest.js

Aus Dornheim Anatomy
Version vom 12. August 2022, 11:25 Uhr von Becher (Diskussion | Beiträge) (Die Seite wurde neu angelegt: „→‎Testskript für Leber Übung: 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 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


    } );
} );