MediaWiki:HerzTest.js

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

mw.loader.using( 'mediawiki.util', function () {

    // Wait for the page to be parsed
    $( document ).ready( function () {

 
//Übung 1
//Eingabefeld 1 
        $( '#eingabeherz1' ).click( function ( event ) {
            event.preventDefault();
            clickFunction1();

        } );

function clickFunction1 () {
var eingabeulna1 = '';
var aendern = document.getElementById('eingabeherz1');
var ausgabe = document.getElementById('ausgabeherz1');
eingabeherz1 = prompt('Bitte geben Sie die Lösung ein!','');
ausgabe.innerText = eingabeherz1;
document.getElementById('ausgabeherz1').style.color = "grey";
aendern.innerText = 'ändern';
return eingabeherz1;
}


//Eingabefeld 2
        $( '#eingabeherz2' ).click( function ( event ) {
            event.preventDefault();
            clickFunction2();

        } );

function clickFunction2 () {
var eingabeherz2 = '';
var aendern = document.getElementById('eingabeherz2');
var ausgabe = document.getElementById('ausgabeherz2');
eingabeherz2 = prompt('Bitte geben Sie die Lösung ein!','');
ausgabe.innerText = eingabeherz2;
document.getElementById('ausgabeherz2').style.color = "grey";
aendern.innerText = 'ändern';
return eingabeherz2;
}



//Eingabefeld 3 
        $( '#eingabeherz3' ).click( function ( event ) {
            event.preventDefault();
            clickFunction3();

        } );

function clickFunction3 () {
var eingabeherz = '';
var aendern = document.getElementById('eingabeherz3');
var ausgabe = document.getElementById('ausgabeherz3');
eingabeherz3 = prompt('Bitte geben Sie die Lösung ein!','');
ausgabe.innerText = eingabeherz3;
document.getElementById('ausgabeherz3').style.color = "grey";
aendern.innerText = 'ändern';
return eingabeherz3;
}



//Eingabefeld 4 
        $( '#eingabeherz4' ).click( function ( event ) {
            event.preventDefault();
            clickFunction4();

        } );

function clickFunction4 () {
var eingabeherz4 = '';
var aendern = document.getElementById('eingabeherz4');
var ausgabe = document.getElementById('ausgabeherz4');
eingabeherz4 = prompt('Bitte geben Sie die Lösung ein!','');
ausgabe.innerText = eingabeherz4;
document.getElementById('ausgabeherz4').style.color = "grey";
aendern.innerText = 'ändern';
return eingabeherz4;
}



//Eingabefeld 5 
        $( '#eingabeherz5' ).click( function ( event ) {
            event.preventDefault();
            clickFunction5();

        } );

function clickFunction5 () {
var eingabeherz5 = '';
var aendern = document.getElementById('eingabeherz5');
var ausgabe = document.getElementById('ausgabeherz5');
eingabeherz5 = prompt('Bitte geben Sie die Lösung ein!','');
ausgabe.innerText = eingabeherz5;
document.getElementById('ausgabeherz5').style.color = "grey";
aendern.innerText = 'ändern';
return eingabeherz5;
}


//Eingabefeld 6
        $( '#eingabeherz6' ).click( function ( event ) {
            event.preventDefault();
            clickFunction6();

        } );

function clickFunction6 () {
var eingabeherz6 = '';
var aendern = document.getElementById('eingabeherz6');
var ausgabe = document.getElementById('ausgabeherz6');
eingabeherz6 = prompt('Bitte geben Sie die Lösung ein!','');
ausgabe.innerText = eingabeherz6;
document.getElementById('ausgabeherz6').style.color = "grey";
aendern.innerText = 'ändern';
return eingabeherz6;
}

//Eingabefeld 7 
        $( '#eingabeherz7' ).click( function ( event ) {
            event.preventDefault();
            clickFunction7();

        } );

function clickFunction7 () {
var eingabeherz7 = '';
var aendern = document.getElementById('eingabeherz7');
var ausgabe = document.getElementById('ausgabeherz7');
eingabeherz7 = prompt('Bitte geben Sie die Lösung ein!','');
ausgabe.innerText = eingabeherz7;
document.getElementById('ausgabeherz7').style.color = "grey";
aendern.innerText = 'ändern';
return eingabeherz7;
}


//Eingabefeld 8 
        $( '#eingabeherz8' ).click( function ( event ) {
            event.preventDefault();
            clickFunction8();

        } );

function clickFunction8 () {
var eingabeherz8 = '';
var aendern = document.getElementById('eingabeherz8');
var ausgabe = document.getElementById('ausgabeherz8');
eingabeherz8 = prompt('Bitte geben Sie die Lösung ein!','');
ausgabe.innerText = eingabeherz8;
document.getElementById('ausgabeherz8').style.color = "grey";
aendern.innerText = 'ändern';
return eingabeherz8;
}


//Eingabefeld 9 
        $( '#eingabeherz9' ).click( function ( event ) {
            event.preventDefault();
            clickFunction9();

        } );

function clickFunction9 () {
var eingabeherz9 = '';
var aendern = document.getElementById('eingabeherz9');
var ausgabe = document.getElementById('ausgabeherz9');
eingabeherz9 = prompt('Bitte geben Sie die Lösung ein!','');
ausgabe.innerText = eingabeherz9;
document.getElementById('ausgabeherz9').style.color = "grey";
aendern.innerText = 'ändern';
return eingabeherz9;
}


//Eingabefeld 10 
        $( '#eingabeherz10' ).click( function ( event ) {
            event.preventDefault();
            clickFunction10();

        } );

function clickFunction10 () {
var eingabeherz10 = '';
var aendern = document.getElementById('eingabeherz10');
var ausgabe = document.getElementById('ausgabeherz10');
eingabeherz10 = prompt('Bitte geben Sie die Lösung ein!','');
ausgabe.innerText = eingabeherz10;
document.getElementById('ausgabeherz10').style.color = "grey";
aendern.innerText = 'ändern';
return eingabeherz10;
}



//Richtig/ falsch anzeigen 

$( '#Herz1Check' ).click( function ( event ) {
  event.preventDefault();
  $( '.out' ).removeClass('hidden');

  loesung();

  
} );

  function loesung () {
      
    var wort1 = document.getElementById('ausgabeherz1').innerHTML;
    var wort2 = document.getElementById('ausgabeherz2').innerHTML;
    var wort3 = document.getElementById('ausgabeherz3').innerHTML;
    var wort4 = document.getElementById('ausgabeherz4').innerHTML;
    var wort5 = document.getElementById('ausgabeherz5').innerHTML;
    var wort6 = document.getElementById('ausgabeherz6').innerHTML;
    var wort7 = document.getElementById('ausgabeherz7').innerHTML;
    var wort8 = document.getElementById('ausgabeherz8').innerHTML;
    var wort9 = document.getElementById('ausgabeherz9').innerHTML;
    var wort10 = document.getElementById('ausgabeherz10').innerHTML;
    
    
    var Wort = [wort1, wort2, wort3, wort4, wort5, wort6, wort7, wort8, wort9, wort10];
    
    var out1 = document.getElementById('outputherz1');
    var out2 = document.getElementById('outputherz2');
    var out3 = document.getElementById('outputherz3');
    var out4 = document.getElementById('outputherz4');
    var out5 = document.getElementById('outputherz5');
    var out6 = document.getElementById('outputherz6');
    var out7 = document.getElementById('outputherz7');
    var out8 = document.getElementById('outputherz8');
    var out9 = document.getElementById('outputherz9');
    var out10 = document.getElementById('outputherz10');
    var out11 = document.getElementById('output1ergebnis1');
    var out12 = document.getElementById('output1ergebnis2');
    var out13 = document.getElementById('output1ergebnis3');
    var out14 = document.getElementById('output1ergebnis4');
    var out15 = document.getElementById('output1ergebnis5');

    var out = [out1, out2, out3, out4, out5, out6, out7, out8, out9, out10, out11, out12, out13, out14, out15];
      
    var loesung1 = 'd';
    var loesung2 = 'c';
    var loesung3 = 'd';
    var loesung4 = 'a';
    var loesung5 = 'a';
    var loesung6 = 'b';
    var loesung7 = 'c';
    var loesung8 = 'a';
    var loesung9 = 'd';
    var loesung10 = 'b';


var loesung = [loesung1, loesung2, loesung3, loesung4, loesung5, loesung6, loesung7, loesung8, loesung9, loesung10];

    var anz_richtig = 0;
    for(var j=0;j<=9;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/10)*100;  
out[10].innerText = 'Anzahl richtiger Antworten:';
out[11].innerText = anz_richtig;
out[12].innerText = '/ 10 (';
out[13].innerText = prozent;
out[14].innerText = '%)';

  }// Ende Funktion loesung





// Loesungen anzeigen 
$( '#Herz1Loesung' ).click( function ( event ) {
  event.preventDefault();
  $( '.out' ).removeClass('hidden');

 ergebnisse() ;

} );

function ergebnisse () {

    
    var wort1 = document.getElementById('ausgabeherz_loesung1').innerHTML;
    var wort2 = document.getElementById('ausgabeherz_loesung2').innerHTML;
    var wort3 = document.getElementById('ausgabeherz_loesung3').innerHTML;
    var wort4 = document.getElementById('ausgabeherz_loesung4').innerHTML;
    var wort5 = document.getElementById('ausgabeherz_loesung5').innerHTML;
    var wort6 = document.getElementById('ausgabeherz_loesung1').innerHTML;
    var wort7 = document.getElementById('ausgabeherz_loesung2').innerHTML;
    var wort8 = document.getElementById('ausgabeherz_loesung3').innerHTML;
    var wort9 = document.getElementById('ausgabeherz_loesung4').innerHTML;
    var wort10 = document.getElementById('ausgabeherz_loesung5').innerHTML;

    var Wort = [wort1, wort2, wort3, wort4, wort5, wort6, wort7, wort8, wort9, wort10];
    
    var out1 = document.getElementById('outputherz_loesung1');
    var out2 = document.getElementById('outputherz_loesung2');
    var out3 = document.getElementById('outputherz_loesung3');
    var out4 = document.getElementById('outputherz_loesung4');
    var out5 = document.getElementById('outputherz_loesung5');
    var out6 = document.getElementById('outputherz_loesung6');
    var out7 = document.getElementById('outputherz_loesung7');
    var out8 = document.getElementById('outputherz_loesung8');
    var out9 = document.getElementById('outputherz_loesung9');
    var out10 = document.getElementById('outputherz_loesung10');

    var out = [out1, out2, out3, out4, out5, out6, out7, out8, out9, out10];

    
        out[0].innerText = 'd';
        out[0].style.color = "green";
        out[1].innerText = 'c';
        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 = 'a';
        out[4].style.color = "green";
        out[5].innerText = 'b';
        out[5].style.color = "green";
        out[6].innerText = 'c';
        out[6].style.color = "green";
        out[7].innerText = 'a';
        out[7].style.color = "green";
        out[8].innerText = 'd';
        out[8].style.color = "green";
        out[9].innerText = 'b';
        out[9].style.color = "green";

}// Ende Funktion ergebnisse



    } );
} );