70 lines
2.7 KiB
HTML
70 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Tickleiste</title>
|
|
<link rel="stylesheet" href="stylesheet.css">
|
|
<script defer type="text/javascript" src="javascript.js"></script>
|
|
<meta charset="utf-8">
|
|
</head>
|
|
<body>
|
|
<div id="wrapper">
|
|
<div id="center">
|
|
<h1>Tickleiste</h1>
|
|
|
|
<img src="tickleiste.png" width= "100%" height= "auto">
|
|
<form>
|
|
<input type="text" pattern="[a-f0-9]" placeholder="TickleistenID" id="D">
|
|
<input type="button" class="sub" value="Tickleiste ändern" id="tickLeistenId">
|
|
</form>
|
|
<form>
|
|
<input type="button" class="sub" value="Neu laden" id="reload">
|
|
</form>
|
|
<form>
|
|
<input type="button" class="sub" value="Tickleiste speichern" id="save">
|
|
</form>
|
|
<form>
|
|
<input type="file" onchange="loadFile(this)" accept=".json" >
|
|
</form>
|
|
<p id="p4">-</p>
|
|
</div>
|
|
|
|
<div id="right">
|
|
<div id="aktuellerTick">
|
|
<h3>aktueller Tick</h3>
|
|
<p id="p1">-</p>
|
|
</div>
|
|
<div id="aktuellerSpieler">
|
|
<h3>aktueller Spieler</h3>
|
|
<p id="p2">-</p>
|
|
</div>
|
|
<div id="hinzufügen">
|
|
<form>
|
|
<input type="text" placeholder="Name" id="A1">
|
|
<input type="text" placeholder="Tick" pattern="Abwarten|Bereithalten|[0,9]" id="A2">
|
|
<input type="button" class="sub" value="Spieler hinzufügen" id="addPlayer">
|
|
</form>
|
|
</div>
|
|
|
|
<div id ="löschen">
|
|
<form>
|
|
<input type="text" placeholder="Name" id="B">
|
|
<input type="button" class="sub" value="Spieler löschen" id="removePlayer">
|
|
</form>
|
|
</div>
|
|
|
|
<div id="ändern">
|
|
<form>
|
|
<input type="text" placeholder="Name" id="C1">
|
|
<input type="text" placeholder="Tick" pattern="Abwarten|Bereithalten|[0,9]" id="C2">
|
|
<input type="button" class="sub" value="Tick ändern" id="changeTick">
|
|
</form>
|
|
</div>
|
|
<div id="Liste">
|
|
<h3>Spielerliste</h3>
|
|
<p id="p3">-</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
|