Guten Tag,
Ich habe heute eine Neue Seite mit Javascript erstellt,wo ich einen Knopf drücken muss,damit man eine Sache speichern kann.Ich habe es gemacht und es sollte eidentlich funktionieren,aber mir wird der Fehler gezeigt, dass das Value den Wert Null hat.
Ich schicke den Code von HTML
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="css3.css" type="text/css">
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<h1>Checkliste von Schrödingers Buch</h1>
<ul id="aufgaben">
<li class="offen">kapitel 13</li>
<li class="offen">kapitel 14</li>
<li class="offen">kapitel 15</li>
<li class="offen">kapitel 16</li>
<li class="offen">kapitel 17</li>
<li class="offen">kapitel 18</li>
<li class="offen">kapitel 19</li>
</ul>
<button class="button" id="erledigen">Erledigt</button>
<button class = "button" id = "neue-aufgabe">Hinzufügen</button>
<input type="text" id = "neue-aufgabe">
</body>
</html>
Das ist der Rest von Javascript,wo alles richtig war:
function insgesammt(){
document.getElementById("erledigen").addEventListener("click", erledigeAufgabeinBlau);
}
function erledigeAufgabeinBlau(){
var offnbitte = document.getElementById("aufgaben").getElementsByClassName("offen");
if (offnbitte.length > 0){
allesKlicken(offnbitte[0]);
}
}
function allesKlicken(aufgabe){
if (!aufgabe) throw "Paramenter Aufgabe wird benötigt";
aufgabe.className = "erledigt";
}
function umdrehen(){
var liste = document.getElementById("aufgaben");
var kinder = [];
while (liste.firstChild){
kinder.push(liste.removeChild(liste.firstChild));
}
while (kinder.length){
liste.appendChild(kinder.pop());
}
}
window.addEventListener("load", umdrehen);
window.addEventListener("load", insgesammt,);
und das ist JavaScript,wo ich den Fehler gemacht habe:
function hinzufuegen(){
var neuerText = document.getElementById("neue-Aufgabe").value;
if (neuerText.length > 0){
var neuesElement = document.createElement("li");
var neuerTextNode = document.createTextNode(neuerText);
neuesElement.appendChild(neuerTextNode);
neuesElement.classList.add("offen");
document.getElementById("aufgaben").appendChild(neuesElement);
document.getElementById("neue-aufgabe").value ="";
}
}
window.addEventListener("load", hinzufuegen);
Ich habe bei der Seite noch was anderes gemacht,wie z.B. dass die Liste in einer anderern Farbe markiert werden soll.