[Javascript] Tabelle mit anderer ID automatisch erzeugen

cyberkuh

Hallo liebe Community,

ich benötige für meine Website eine kleine Javascript Funktion.
Ich selber kann leider nur ein wenig Javascript.
Ich kann größtenteils zwar Javascript Code lesen, jedoch nicht selber schreiben.

Ich bräuchte nur die Funktion. HTML/CSS, PHP/MySQL kann ich selber recht gut.

Beispiel:

HTML

<html>
<body>
<div id="test1">
<table id="table"></table>
</div>


<div>
<input type="button">
</div>
</body>
</html>

Alles anzeigen

Folgendes:
Beim Anklicken von dem Button soll folgendes nach
"<table id="table"></table>" hinzugefügt werden:

Code

<table id="table_added_[COLOR="#ff0000"]x[/COLOR]"></table>

wobei x sich pro Klick erhöhen soll.
Also nach dem ersten Klicken wird soll folgendes hinzugefügt werden:
<table id="table_added_1"></table>

Beim Zweiten:
<table id="table_added_2"></table>

usw.

Nachdem 10 zusätzliche Tabellen erreicht worden sind, soll beim weiteren Klicken eine Alert-Box erscheinen: "Du hast die maximale Anzahl erreicht".

Ich weiß, ist jetzt ein bisschen doof, weil ich selber keinen Ansatz habe.
Ich selber versuche noch Javascript zu lernen, aber im Gegensatz zu anderen Programmiersprachen die ich beherrsche, fällt mir das bei Javascript sehr schwer.

Wäre echt nett, wenn das jemand machen könnte.

Liebe Grüße
Benny

K.Y.L.T.

So prinzipiell kommen erst einmal alle Javascript in den Head-Bereich, damit es sauber läuft (also die ganzen Funktionen , optional auch auslagerbar in ne .js )

function aender_mich(){
erhoeheZaehler();
if(zaehler >= 10) {
alert("Du hast die maximale Anzahl erreciht");
zaehler--; // einen runter
} else {

document.form[0].blabal.value = "<table id='table_added_'"+zaehler+"'></table> ";
}

}

function erhoeheZaehler(){
zaehler = zaehler+1; // incrementieren
}
</script>

und der Button dann:
<input type="text" name="blabla" />
<input type="button" onklick="aender_mich()" />

Tags