Halllo Freunde
Erst mal, wünsche ich allen sinnliche Feiertage.
Ich bringe mir gerade Javascript bei. Eine Aufgabe ist, ein kleines Lottospiel zu erstellen, in einer Multiple list, kann der User die Zahlen auswählen. Er klickt dann auf den Button und unter dem Button werden ihm zur Bestätigung seine Zahlen angezeigt.
Den Part mit der Anzeige kriege ich nicht hin, könnte jemand bitte einen Blick drüber werfen?
Folgend der HTML-Code:
Ich denke, das ist hier alles klar. Im Main ist später dann die Ausgabe.
Hier das Javascript:
Dieser Codeabschnitt ist denke ich zum grössten Teil selbsterklärend. Ich befülle die Selectbox mit den Nummern.
Das Funktioniert auch problemlos.
Hier ist nur eine Frage zum Verständnis aufgetaucht:
Hier erstelle ich einfach eine Option, shehe ich das richtig?
Diese Zeile hier verstehe ich nicht ganz, dass ich der variable Optionden wert i zuweise, ist klar, aber was davor passiert. Könnte mich bitte jemand aufklären?
Hier das wichtigste, das funktioniert einfach nicht. Die Zahlen werden mir nicht angezeigt.
Weiss jemand rat?
Vielen Dank für eure Antwort
Erst mal, wünsche ich allen sinnliche Feiertage.
Ich bringe mir gerade Javascript bei. Eine Aufgabe ist, ein kleines Lottospiel zu erstellen, in einer Multiple list, kann der User die Zahlen auswählen. Er klickt dann auf den Button und unter dem Button werden ihm zur Bestätigung seine Zahlen angezeigt.
Den Part mit der Anzeige kriege ich nicht hin, könnte jemand bitte einen Blick drüber werfen?
Folgend der HTML-Code:
HTML:
<!doctype html>
<html lang ="DE">
<head>
<meta charset ="UTF-8">
<title>Lotto</title>
</head>
<body onload ="createNumbers()">
<h1>Spiel begin</h1>
<form action="">
<label for="lottoNum">
Wähle 6 Lottozahlen:
</label>
<select
id="lottoNum"
name="Lottozahlen"
multiple="multiple"
size="42"
aria-required="true">
</select>
<input
type ="submit"
name ="checkNum"
value ="Habe ich gewonnen?"
onclick ="showOptions()">
</form>
<main id ="output">
</main>
<script src ="scripts/main.js"></script>
</body>
</html>Hier das Javascript:
HTML:
"use strict";
function createNumbers()
{
let numbers =document.getElementById("lottoNum");
for(let i =1; i<42; i++)
{
let option =document.createElement('option');
option.text =option.value =i;
numbers.add(option);
}
}Das Funktioniert auch problemlos.
Hier ist nur eine Frage zum Verständnis aufgetaucht:
let option =document.createElement('option');Hier erstelle ich einfach eine Option, shehe ich das richtig?
option.text =option.value =i;Diese Zeile hier verstehe ich nicht ganz, dass ich der variable Optionden wert i zuweise, ist klar, aber was davor passiert. Könnte mich bitte jemand aufklären?
HTML:
function showOptions()
{
let numbers =document.getElementById("lottoNum");
let result ="<h1>Deine Zahlen</h1>";
result +="<ul>";
for(let i=0; i<numbers.length; i++)
{
let currentNum =numbers[i];
if(currentNum)
{
result +="<li>" + currentNum.value + "</li>";
}
}
result +="</ul>";
let output = document.getElementById("output");
output.innerHTML = result;
}Weiss jemand rat?
Vielen Dank für eure Antwort
Zuletzt bearbeitet von einem Moderator: