Hallo ich suche eine Möglichkeit einen Datensatz der per innerhtml gesetzt wurde wieder zu löschen. ich muss aber gestehen das mir absolut kein Ansatz einfällt wie ich das umsetzen könnte.
Ziel ist es nach dem Laden der test.js alle Button zu setzen. Wenn mir einer "nicht gefällt" soll dieser per Bestätigung des Button löschen... wieder gelöscht werden. die anderen sollen erhalten bleiben. Das ganze soll naturlich ohne erneuten Seitenaufruf auskommen.
test.html
Meine test.js
Wie man schön sieht weiß ich nie wieviele button erstellt werden. Aber ich habe jeden Button schon mal eine ID mitgegeben, das war für mich der richtig Ansatz diesen zu identifizieren um diesen Datensatz dann auch zu löschen.
Ziel ist es nach dem Laden der test.js alle Button zu setzen. Wenn mir einer "nicht gefällt" soll dieser per Bestätigung des Button löschen... wieder gelöscht werden. die anderen sollen erhalten bleiben. Das ganze soll naturlich ohne erneuten Seitenaufruf auskommen.
test.html
HTML-Code:
<!DOCTYPE html> <html lang="de"> <head> <meta charset="UTF-8" /> <title>test mit JS</title> <script src="js/jquery-2.1.4.min.js"></script> <link rel="stylesheet" type="text/css" media="all" href="styles.css" /> <script src="test.js"></script> </head> <body> <div id="messages"> <p>Status Nachricht!</p> </div> <div id="submitbutton"> <button type="submit">drück mich</button> </div> </body> </html>
Meine test.js
Code:
$(document).ready(function(){ var min = 1; var max = 9; var counter = Math.floor(Math.random() * (max - min)) + min; for (var i=0; i <= counter; i++ ) document.getElementById("messages").innerHTML += "<button type='button' id="+i+">"+i+"</button>"+"<button type='button' id="+i+">löschen "+i+"</button>"+"<br>"; } );
Kommentar