moanos/RattenheimRechner
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: various styling/syntax

Browse Source
This commit is contained in:
moanos [he/him] 2024-07-18 23:58:42 +02:00
parent 01fc25f42a
commit c8ecd4a809
2 changed files with 14 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/assets/css/style.css
View File

@ -41,6 +41,10 @@ h1, h2 {
margin: 20px; margin: 20px;
} }
.output-element {
margin: 20px;
}
label { label {
font-weight: bold; font-weight: bold;

21
src/index.html
View File

@ -16,22 +16,21 @@
<label for="numRats" id="labelNumRats">Anzahl an Ratten ?</label> <label for="numRats" id="labelNumRats">Anzahl an Ratten ?</label>
<input type="range" min="1" max="20" value="4" class="slider" id="numRats"> <input type="range" min="1" max="20" value="4" class="slider" id="numRats">
</div> </div>
</div>
<div class="input-element"> <div class="input-element">
<label for="numFullFloors">Vollebenen</label> <label for="numFullFloors">Vollebenen</label>
<div class="ncontainer"> <div class="ncontainer">
<div class="input-group"> <div class="input-group">
<button onclick="decreaseFloorNum()">-</button> <button onclick="decreaseFloorNum()">-</button>
<input type="text" id="numFullFloors" value="3" readonly> <input type="text" id="numFullFloors" value="3" readonly>
<button onclick="increaseFloorNum()">+</button> <button onclick="increaseFloorNum()">+</button>
</div>
</div> </div>
</div> </div>
<div class="container" id="resultsDiv"> </div>
</div> <div class="container output-element" id="resultsDiv">
</div> </div>
</div> </div>
</div>
<script> <script>