HTML-TableGenerator/index.html at main · LinkLuigiMaster/HTML-TableGenerator · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="./src/style.css">
    <link rel="icon" type="image/x-icon" href="./src/favicon.ico">
    <title>Table Generator V2.0</title>
</head>
<body id="body">
    <h1>Table Generator</h1>
    <h2>
        by
        <a href="https://github.com/LinkLuigiMaster">L__Master / LinkLuigiMaster</a>
    </h2>
    <!-- <p>Wähle aus, wie viele Spalten und Zeilen du möchtest und betätige den Button.</p> -->
    <br>
    <div class="menuDIV">
        <label class="labeldesign">Tabellenname:</label> <!-- Die Spaltenanzahl wird über die ID abgefragt. -->
        <input class="inputdesign" type="text" id="tabletitle" name="tabletitle" placeholder="Table Title" value="Table">
        <input class="button" type="button" id="buttonDayNight" value="🌞/🌜"> <!-- Der Button wird über einen EventListener getriggert. -->
        <br>
        <label class="labeldesign">Spalten-Anzahl:</label> <!-- Die Spaltenanzahl wird über die ID abgefragt. -->
        <input class="inputdesign" type="number" id="spalte" name="Spalteninput" placeholder="Spalteninput" min="1" max="999999" step="1" value="1">
        <label class="labeldesign">Zeilen-Anzahl:</label> <!-- Die Zeilenanzahl wird über die ID abgefragt. -->
        <input class="inputdesign" type="number" id="zeile" name="Zeileninput" placeholder="Spalteninput" min="1" max="999999" step="1" value="1">
        <input class="button" type="button" id="buttonCreateTable" value="✓"> <!-- Der Button wird über einen EventListener getriggert. -->
        <label class="labeldesign">Drucken / Speichern:</label>
        <input class="button" type="button" id="buttonPrint" value="🖨"> <!-- Der Button wird über einen EventListener getriggert. -->
        <input class="inputdesign" type="text" id="filename" name="filename" placeholder="Dateiname" value="Your-Table.csv">
        <input class="button" type="button" id="buttonDownload" value="💾"> <!-- Der Button wird über einen EventListener getriggert. -->
    </div>
    <br>
    <div class="container"> <!-- Die Tabelle wird in einer Div-Gruppe mit einem Tabel Tag mit der ID "table" erstellt. -->
        <table id="table">
            <!-- Hier wird die Tabelle von JS erstellt. -->
        </table>
    </div>
    <script src="./src/script.js"></script>
</body>
</html>