JQuery: Wie kann ich eine div mit class nach Klick auf einen Button einfügen?
Moin,
vielleicht finde ich hier eine Hilfe. Vielen Dank im Voraus für jede Hilfe.
Ich sitze gerade an einem Projekt und wurde mit dem Frontend beauftragt. Ich besitze leider zwar keinerlei Programmierkenntnisse, bin aber gewillt, mich entsprechend daran zu setzen und mir die Grundlagen beizubringen.
Nun möchte ich einen Button generieren, der mir nach einem Klick ein neues <div>-Element in meinem DOM erzeugt und dabei auch eine bestimmte Klasse zugewiesen bekommt.
Probiert habe ich das Ganze wie folgt:
$("#btn1").click(function(){
$("p").append("<div> Test </div>");
div.addClass("operator")
});
So hat das aber leider nicht geklappt. Das Ganze lässt sich hier besser visualisieren und testen: https://www.w3schools.com/code/tryit.asp?filename=GBQJV6O2UFXH
Ein der class entsprechendes Design mit den Attributen habe ich per CSS bereits geschrieben. Da allerdings in der reinen HTML der <div>-Tag nicht vorliegt, wird mir das erst natürlich nicht angezeigt. Logisch. Erst nach dem Klick auf den Button soll der
<div class="operator">
Einzug in das DOM finden.
Wie kriege ich das hin?
Danke.