Website lädt automatisch neu?
1 Antwort
Vermutlich wird das Form abgeschickt.
Pack an den Anfang deiner Submit-Methode folgendes:
event.preventDefault();
Zusätzlich muss du bei der Methodendefinition noch ein parameter hinzufügen:
function addTodo(event)
Insgesamt verhinderst du damit die Standerdoperation des Events, welches das Absenden des Formulars ist.
function addTodo(event){
event.preventDefault();
CODE...
};
<div class="container">
<form onsubmit="addTodo()">
<div class="group">
<input type="text" id="todofield" required>
<span class="bar"></span>
<label for="todofield">To Do einfügen</label>
</div>
<button class="Button" type="submit" >
Speichern
</button>
</form>
</div>
<ul class="demo-list-control mdl-list" id="todolist">
</ul>
Funktioniert auch nicht, ist irgendwie echt komisch
An sich funktioniert es ja, jedoch bring irgendwas die website zum neuladen
Ist aber auch etwas merkwürdiger JS-Code ehrlich gesagt und der HTML-Code da fehlt auch etwas.
Kommt denn in der Browserkonsole eine Fehlermeldung?
An sich funktioniert es ja, jedoch bring irgendwas die website zum neuladen
Das ist das Standard-Verhalten des Forms, wenn man es absendet.
Also bei mir funktioniert es. Wirft aber auch eine Menge Fehlermeldung, da es die externen Ressourcen natürlich nicht laden kann.
Entsprechend würde ich Tippen, dass das entweder an der Entwicklungsumgebung oder an einem der Sachen liegt, die du noch zusätzlich einbettest.
Tatsächlich lag es an meinem Browser, ich benutze Opera GX und jetzt Google Chrome.
Ne ich muss die Datei neu in den Browser ziehen, sobald ich sie reloade funktioniert es nicht mehr
Funktioniert leider nicht