quincunx: onclick funktionsaufruf

Beitrag lesen

statt ihm einfach die verkuerzte Schreibweise hinzuhauen.

für Prosa bin ich völlig ungeeignet, Erklärungen sind für mich mühselig auch können das andere viel besser! Mein Ansatz ist ein funktionierendes Beispiel im Zusammenhang der gestellten Frage.

<!DOCTYPE html>  
<html lang="de">  
<head>  
<meta charset="UTF-8">  
<title>setVergleichen</title>
<style>  
#Button_Vergleichen {  
  width: 100px;  
  height: 100px;  
}  
</style>
  
</head>  
<body>  
  
<form name="compare" action="input_text.htm">  
  <p>Master Code:<br><input id="code1" name="code1" type="text" size="30" maxlength="30"></p>  
  <p>Vergleichs Code:<br><input id="code2" name="code2" type="text" size="30" maxlength="30"></p>  
  <button id="Button_Vergleichen" type="button">Vergleichen</button>  
</form>
<script>  
var compare = {  
  
  $: function (id) {  
    return (id !== null) ? document.getElementById(id) : null;  
  },  
  
  add: function (obj, eTyp, prog, capt) {  
    capt = capt || false;  
    if (obj) {  
      if (obj.addEventListener) {  
        obj.addEventListener(eTyp, prog, capt);  
      }  
      else if (obj.attachEvent) {  
        obj.attachEvent('on' + eTyp, prog);  
      }  
    }  
  },  
  
  setVergleichen : function (e) {  
    var code1 = compare.$('code1').value,  
    code2 = compare.$('code2').value;  
    (code1 === code2) ? console.log('Codes sind gleich!') : console.log('Codes Ungleich!');  
  }  
  
};  
compare.add(compare.$('Button_Vergleichen'), 'click', compare.setVergleichen);  
</script>
</body>  
</html>