MediaWiki:Handuebung2.js: Unterschied zwischen den Versionen

Version vom 16. Dezember 2020, 08:54 Uhr

/* Testskript für Aufgabe 2 */

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

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

 

// Aufgabe 1    
        $( '#eingabetabelle1' ).click( function ( event ) {
            event.preventDefault();
            clickFunction1();

        } );

function clickFunction1 () {
var eingabetabelle1 = '';
var aendern = document.getElementById('eingabetabelle1');
var ausgabe = document.getElementById('ausgabetabelle1');
eingabetabelle1 = prompt('Bitte geben Sie die Lösung ein!','');
ausgabe.innerText = eingabetabelle1;
aendern.innerText = 'ändern';
return eingabetabelle1;
}


// Aufgabe 2    
        $( '#eingabetabelle2' ).click( function ( event ) {
            event.preventDefault();
            clickFunction2();

        } );

function clickFunction2 () {
var eingabetabelle2 = '';
var aendern = document.getElementById('eingabetabelle2');
var ausgabe = document.getElementById('ausgabetabelle2');
eingabetabelle2 = prompt('Bitte geben Sie die Lösung ein!','');
ausgabe.innerText = eingabetabelle2;
aendern.innerText = 'ändern';
return eingabetabelle2;
}


// Aufgabe 3    
        $( '#eingabetabelle3' ).click( function ( event ) {
            event.preventDefault();
            clickFunction3();

        } );

function clickFunction3 () {
var eingabetabelle3 = '';
var aendern = document.getElementById('eingabetabelle3');
var ausgabe = document.getElementById('ausgabetabelle3');
eingabetabelle3 = prompt('Bitte geben Sie die Lösung ein!','');
ausgabe.innerText = eingabetabelle3;
aendern.innerText = 'ändern';
return eingabetabelle3;
}




// Lösung anzeigen

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

  loesung ();

  
} );

  function loesung () {
      
    var wort1 = document.getElementById('ausgabetabelle1').innerHTML;
    var wort2 = document.getElementById('ausgabetabelle2').innerHTML;
    var wort3 = document.getElementById('ausgabetabelle3').innerHTML;
  
    
    var Wort = [wort1, wort2, wort3];
    
    var out1 = document.getElementById('outputtabelle1');
    var out2 = document.getElementById('outputtabelle2');
    var out3 = document.getElementById('outputtabelle3');

    var out = [out1, out2, out3];
      
    var loesung1 = 'Digiti manus';
    var loesung2 = 'digiti manus';
    var loesung3 = 'Carpus';
    var loesung4 = 'carpus';
    var loesung5 = 'Metacarpus';
    var loesung6 = 'metacarpus';
   
    var loesung = [loesung1, loesung2, loesung3, loesung4, loesung5, loesung6]; 

//    for (var i=0;i<=2;i++){
//        var attribute = document.querySelectorAll(".out p")[i];
//    attribute.removeAttribute("hidden");
//    }
   
      for (var j=0;j<=2;j++){
    
     if (Wort[j] == loesung[2*j] || Wort[j] == loesung[2*j+1]) {
        
    
        out[j].innerText = 'Richtig!';
        out[j].style.color = "green";
     } else {
        
        out[j].innerText = 'Falsch!';
        out[j].style.color = "red";
     }
    }

    
	
  }// Ende Funktion loesung



    } );
} );