MediaWiki:Handuebung3.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 3: 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 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

    } );
} );