HTML/Javascript: Wie erzeuge ich mehrere Eingabefelder?

Ich möchte 6 Eingabefelder erzeugen, in die man Zahlen eingeben kann. Wenn man dann auf einen Button klickt, sollen alle eingegebenen Zahlen aufgelistet werden (Zum Beispiel mit "Du hast xyz eingegeben" oder "Dein Tipp lautet xyz" oder so ähnlich)

Im Javascript-File habe ich sechs mal hintereinander prompt("Bitte gib eine Zahl ein") eingegeben, aber es werden nicht sechs Eingabefelder dargestellt, sondern ein einziges, das sich sechs mal öffnet(Erst öffnet es sich, wenn man dann eine Zahl eingibt, verschwindet es kurz und taucht dann sofort wieder auf, das ganze wiederholt sich sechs mal) Diese prompt-Befehle habe ich dann gelöscht.

Stattdessen habe ich im HTML-Dokument sechs Eingabefelder mit erzeugt und somit das Problem mit den Eingabefeldern gelöst. Der Button ist auch schon sichtbar, aber er funktioniert nicht.

Was muss ich anwenden, um sechs Eingabefelder erscheinen zu lassen und dann mit dem Button die eingegebenen Zahlen aufzulisten?

Answer 1

[rmnstr]

Du musst dem Button sagen, was er machen soll, sobald er geklickt wird. Zum Beispiel könntest du ein onclick-Event abfangen.

<input id="zahl1" type="number" /><br />
<input id="zahl2" type="number" /><br />
<button onclick="listNumbers()">Los geht's!</button>

<div id="liste"></div>

<script>
function listNumbers() {
  var zahl1 = document.getElementById("zahl1").value;
  var zahl2 = document.getElementById("zahl2").value;

  document.getElementById("liste")
          .innerHTML = zahl1 + " " + zahl2;
}
</script>