Tabelle aus Array erzeugen und anpassen

Metterfing

Grünschnabel
Hawöchen zusammen,

Vorsicht relativ blutiger Anfänger;)
ich bin dabei eine Webseite zu gestalten, welche bis auf die scripte auch schon fertig ist(Vorgabe ist Javascript). Innerhalb dieser soll die Verwaltung für einen Kiosk stattfinden, weswegen ich mehrere Seiten mit Tabellen habe, die auf die gleichen Daten zurückgreifen sollten. Erste Frage: ist es sinnvoll eine Datenbank anzulegen & die Daten für die Tabellen aus dieser zu ziehen oder reicht ein Array? Zweite Frage: ich bin schon seit Tagen am rumprobieren, kriege jedoch keine Tabelle zusammengebastelt, die die Funktionen ermöglicht die ich brauche: der Bestand (Tabelle) soll über einen Button ergänzt werden können, dazu habe ich bereits Formulare. Wie kriege ich nun die Eingaben in die Tabelle eines zweiten HTML-Dokuments? Das sonst so schlaue Internet konnte mir hier leider keine Antwort liefern. HILFE!

Hier einmal das Formular:
HTML:
<form>
                <label>Warenbezeichnung</label>
                <input type="text" id="warenbezeichnung" name="warenbezeichnung" placeholder="Bitte geben Sie eine Warenbezeichnung ein..." autofocus/>
                <label>Inhaltsgr&ouml;&szlig;e</label>
                    <fieldset>
                        <input type="radio" id="little" name="size" >
                        <label class="lblSize" for="little">0.33 l</label>
                        <input type="radio" id="big" name="size">
                        <label class="lblSize" for="big">0.5 l</label>
                    </fieldset>
                <label>Verkaufspreis</label>
                <input type="text" id="Vpreis" placeholder="Bitte geben Sie den Verkaufspreis an..." min="0.10" max="10.00"/>
                <label>Einkaufspreis</label>
                <input type="text" id="Epreis" placeholder="Bitte geben Sie den Einkaufspreis an..." min="0.10" max="10.00"/>
                <label>Anzahl</label>
                <input type="text" id="anzahl" placeholder="Bitte geben Sie die Anzahl der Waren an..." min="0.10" max="10.00"/>
                <br><input type="submit" id="save"  value="Speichern" onClick=????/>
                <input type="reset" id="reset" value="L&ouml;schen" onClick="return confirm('M&ouml;chten Sie die Eingaben wirklich l&ouml;schen?')"/>
            </form>

Auf der anderen Seite soll der Bestand tabellarisch festgehalten und ggf. angepasst werden (neue Waren), dabei soll die neue Ware in einer Datenbank oder einem einfachen Dokument den anderen hinzugefügt werden:

HTML:
<h1>Bestand</h1>
<div id="box">
    <table id="table_goods">
        <caption>Backwaren</caption>
        <tr>
            <th>Warenbezeichnung</th>
            <th>Belag</th>
            <th>Verkaufspreis</th>
            <th>Einkaufspreis</th>
            <th>vorr&auml;tig</th>
            <th>bestellt</th>
       </tr>
    </table>
    <p>*inklusive 25 ct Pfand</p>
</div>

Die Tabelle enthält Spalten entsprechend dem Formular. Noch steht leider die komplette Tabelle im HTML-Code
Danke im Vorraus
 
Zuletzt bearbeitet:
Hallo Metterfing,

so wie das klingt, möchtest du ein Warenwirtschaftssystem entwickeln. Da sich die Daten ständig ändern, bräuchtest du schon eine Datenbank darunter, wo du die Daten speicherst.

Auf der zweiten Seite kannst du dann die Daten aus der DB auslesen und entsprechend in deine Tabelle integrieren.
 
Zurück