planet-wars/mapbuilder/index.html
2020-03-27 10:31:56 +01:00

47 lines
No EOL
1.9 KiB
HTML

<head>
<link rel="stylesheet" type="text/css" href="style.css">
<head>
<body>
<div class="grid"></div>
<div class="controls">
<h2>Controls</h2>
<div class="colourButtonWrapper"></div>
<label>How many squares (this will remove your map)</label>
<input class="amountOfSquares" type="number" min="10" max="50" value="20"></input>
<label for="currentName">Planet parameters</label>
<div class="input_container">
<label for="currentName">Name:</label>
<input id="currentName" type="text" placeholder="name"></input>
</div>
<div class="input_container">
<label for="currentShipCount">Ship count:</label>
<input id="currentShipCount" type="number" value=20></input>
</div>
<label>Hovered planet parameters</label>
<div class="input_container">
<label for="name">Name:</label>
<input id="name" type="text" disabled></input>
</div>
<div class="input_container">
<label class="small_label" for="shipCount">Ship count:</label>
<input id="shipCount" type="number" disabled></input>
</div>
<div class="input_container">
<label class="small_label" for="owner">Owner:</label>
<input id="owner" type="number" disabled></input>
</div>
<div class="buttons">
<button class="confirm">Use Map</button>
<button class="clear">Clear Map</button>
</div>
<textarea id="mapOutput" class="output hidden"></textarea>
</div>
<script src="script.js"></script>
<body>