Beispiel:JS-Anweisungen-2.html

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche 
<!DOCTYPE html>
<html lang="de">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link rel="stylesheet" href="./Beispiel:SELFHTML-Beispiel-Grundlayout.css">
<title>Einfache Entweder-Oder-Abfrage mit dem ternären Operator</title>
<style>
</style>
<script>
'use strict';
document.addEventListener('DOMContentLoaded', function () {

  document.querySelector('#check').addEventListener('click', Antwort);

    function Antwort () {
      var Ergebnis = (document.Formular.Eingabe.value == '42') ? 'RICHTIG!' : 'FALSCH!';
      var text = 'Die Antwort ist ' + Ergebnis;
	  document.querySelector('output').innerText = text;
    }
	
});
</script>  
</head>

<body>
  <h1>Einfache Entweder-Oder-Abfrage mit dem ternären Operator</h1>
 
  <main>
    <h2>Der Sinn des Lebens</h2>

    <form name="Formular">
      <p>Was ist der Sinn des Lebens?</p>
      <input type="text" name="Eingabe" size="40">
      <button id="check" type="button">OK!</button>
    </form>
    <output id="ausgabe"></output>
  </main>

</body>

</html>
Abgerufen von „http://wiki.selfhtml.org/index.php?title=Beispiel:JS-Anweisungen-2.html&oldid=100546“