Untitled

 avatar
unknown
plain_text
2 months ago
1.4 kB
3
Indexable
<!DOCTYPE html>
<html>
<head>
    <title>Meine erweiterte App</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div id="app-container">
        <header>
            <h1>Meine erweiterte App</h1>
            <nav>
                <button id="daten-anzeigen">Daten anzeigen</button>
                <button id="daten-hinzufuegen">Daten hinzufügen</button>
                <button id="einstellungen">Einstellungen</button>
            </nav>
        </header>

        <main id="hauptbereich">
            <div id="daten-bereich" class="bereich versteckt">
                <h2>Daten</h2>
                <ul id="daten-liste"></ul>
            </div>

            <div id="hinzufuegen-bereich" class="bereich versteckt">
                <h2>Daten hinzufügen</h2>
                <input type="text" id="neuer-datenpunkt" placeholder="Neuer Datenpunkt">
                <button id="speichern">Speichern</button>
            </div>

            <div id="einstellungen-bereich" class="bereich versteckt">
                <h2>Einstellungen</h2>
                <label for="hintergrundfarbe">Hintergrundfarbe:</label>
                <input type="color" id="hintergrundfarbe">
            </div>
        </main>

        <footer>
            <p>&copy; 2024 Meine App</p>
        </footer>
    </div>
    <script src="script.js"></script>
</body>
</html>
Editor is loading...
Leave a Comment