HTML Zufallsgenerator funktioniert nicht/keine Ausgabe?
Ich habe mir von ChatGPT einen Zufallsgenerator coden lassen. Jedoch kommt keine Augabe, bitte hilfe.
Das hier ist der Code btw
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Randomizer</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
}
.column {
float: left;
width: 20%;
padding: 10px;
}
/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}
</style>
</head>
<body>
<h1>Randomizer</h1>
<form>
<div class="row">
<!-- Column 1 -->
<div class="column">
<!-- Sentence Inputs -->
<label for="sentence1">Sentence 1:</label>
<input type="text" id="sentence1" name="sentence1"><br><br>
<label for="sentence6">Sentence 6:</label>
<input type="text" id="sentence6" name="sentence6"><br><br>
<label for="sentence11">Sentence 11:</label>
<input type="text" id="sentence11" name="sentence11"><br><br>
<label for="sentence16">Sentence 16:</label>
<input type="text" id="sentence16" name="sentence16"><br><br>
<label for="sentence21">Sentence 21:</label>
<input type="text" id="sentence21" name="sentence21"><br><br>
</div>
<!-- Column 2 -->
<div class="column">
<!-- Sentence Inputs -->
<label for="sentence2">Sentence 2:</label>
<input type="text" id="sentence2" name="sentence2"><br><br>
<label for="sentence7">Sentence 7:</label>
<input type="text" id="sentence7" name="sentence7"><br><br>
<label for="sentence12">Sentence 12:</label>
<input type="text" id="sentence12" name="sentence12"><br><br>
<label for="sentence17">Sentence 17:</label>
<input type="text" id="sentence17" name="sentence17"><br><br>
<label for="sentence22">Sentence 22:</label>
<input type="text" id="sentence22" name="sentence22"><br><br>
</div>
<!-- Column 3 -->
<div class="column">
<!-- Sentence Inputs -->
<label for="sentence3">Sentence 3:</label>
<input type="text" id="sentence3" name="sentence3"><br><br>
<label for="sentence8">Sentence 8:</label>
<input type="text" id="sentence8" name="sentence8"><br><br>
<label for="sentence13">Sentence 13:</label>
<input type="text" id="sentence13" name="sentence13"><br><br>
<label for="sentence18">Sentence 18:</label>
<input type="text" id="sentence18" name="sentence18"><br><br>
<label for="sentence23">Sentence 23:</label>
<input type="text" id="sentence23" name="sentence23"><br><br>
</div>
<!-- Column 4 -->
<div class="column">
<!-- Sentence Inputs -->
<label for="sentence4">Sentence 4:</label>
<input type="text" id="sentence4" name="sentence4"><br><br>
<label for="sentence9">Sentence 9:</label>
<input type="text" id="sentence9" name="sentence9"><br><br>
<label for="sentence14">Sentence 14:</label>
<input type="text" id="sentence14" name="sentence14"><br><br>
<label for="sentence19">Sentence 19:</label>
<input type="text" id="sentence19" name="sentence19"><br><br>
<label for="sentence24">Sentence 24:</label>
<input type="text" id="sentence24" name="sentence24"><br><br>
</div>
<!-- Column 5 -->
<div class="column">
<!-- Sentence Inputs -->
<label for="sentence5">Sentence 5:</label>
<input type="text" id="sentence5" name="sentence5"><br><br>
<label for="sentence10">Sentence 10:</label>
<input type="text" id="sentence10" name="sentence10"><br><br>
<label for="sentence15">Sentence 15:</label>
<input type="text" id="sentence15" name="sentence15"><br><br>
<label for="sentence20">Sentence 20:</label>
<input type="text" id="sentence20" name="sentence20"><br><br>
<label for="sentence25">Sentence 25:</label>
<input type="text" id="sentence25" name="sentence25"><br><br>
</div>
</div>
<button type="button" onclick="generateRandomSentence()">Generate Random Sentence</button><br><br>
<label for="result">Random Sentence:</label>
<input type="text" id="result" readonly>
</form>
<script>
function generateRandomSentence() {
var sentences = [];
// Get all sentence inputs and push their values into sentences array
for (var i = 1; i <= 30; i++) {
var sentence = document.getElementById("sentence" + i).value.trim();
if (sentence !== "") {
sentences.push(sentence);
}
}
// If there are sentences in the array, choose one randomly and display it
if (sentences.length > 0) {
var randomIndex = Math.floor(Math.random() * sentences.length);
document.getElementById("result").value = sentences[randomIndex];
} else {
document.getElementById("result").value = "No sentences provided";
}
}
</script>
</body>
</html>
2 Antworten
Du musst bei var sentences auch Sätze angeben, die zufällig ausgegeben werden sollen ;)
var sentences = ['Heute ist ein toller Tag', 'Morgen ist Donnerstag'];
Korrigierte Antwort:
Du hast in der for-Schleife den Wert für 30 Textfelder. Allerdings hast Du nur 25 Stück definiert.
for (var i = 1; i <= 25; i++) {
Und da kommt keine Ausgabe ? Das ist reiner Zufall.
Ich weis nicht wie das jetz gemeint ist. Ist das ein Wortspiel? Wenn ja dann hatts mich grad zum lachen gebracht
Das mach Ich im Browser, wo Ich das HTML Programm auch laufen lasse.
das sieht dann so aus:
Sentence 1:
Hallo
Sentence 2:
Auto
etc usw bis zu 25 Eingaben