Beispiel:JS-Funktionen-1.html

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0;" />
  <link rel="stylesheet" media="screen" href="./Beispiel:SELFHTML-Beispiel-Grundlayout.css" />
  <title>Aufruf von Funktionen</title>
  <style>
input {
  text-align: right;
}
  </style>
  <script>
'use strict';
document.addEventListener("DOMContentLoaded", function () {
	
  document.getElementById("PrimZahlCheck").addEventListener("click", rechne);
    
  
  function PrimzahlCheck (Zahl) {
    Zahl = parseInt(Zahl, 10);
      if (isNaN(Zahl)) {
        alert('Sie müssen eine Zahl eingeben!');
        return;
      }
    var Grenzzahl = Zahl / 2;
    var Check = 1;
      for (var i = 2; i <= Grenzzahl; i++)
        if (Zahl % i == 0) {
          text = Zahl + ' ist keine Primzahl, weil teilbar durch ' + i +'.';
          Check = 0;
        }
    if (Check == 1) {
      var text = Zahl + ' ist eine Primzahl!';
	}
	  
	document.querySelector('output').textContent = text;
  }

  function rechne (){	  
    var zahl = document.getElementById('Eingabezahl').value;
    PrimzahlCheck (zahl);
	document.getElementById('Eingabezahl').value = "";
  }
});
 
  </script>  
</head>
<body>
  <h1>Beispiel: Aufruf von Funktionen</h1>
  <main>
    <h2>Primzahlcheck</h2>
    <form name="PrimzahlFormular">
      <p>Geben Sie eine Zahl ein. Es wird geprüft, ob es sich um eine Primzahl handelt.</p>
      <label for="Eingabezahl">Eingabezahl: </label><input type="number" id="Eingabezahl">
      <button type="button" id="PrimZahlCheck">auf Primzahl checken</button>
    </form>
    <p><output></output></p>
  </main>

</body>
</html>
Abgerufen von „http://wiki.selfhtml.org/index.php?title=Beispiel:JS-Funktionen-1.html&oldid=55425“