formatting, keyboard event, new icon

This commit is contained in:
2024-05-05 18:48:54 +02:00
parent 8386fa0245
commit b75d4dc094
14 changed files with 179 additions and 65 deletions
+30 -20
View File
@@ -1,13 +1,16 @@
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<title>RPG Dices</title>
<title>Role Playing Game Dices</title>
<meta name="application-name" content="Role Playing Game Dices">
<meta name="application-version" content="v0.2.0">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="theme-color" content="#ffffff" />
<meta name="apple-mobile-web-app-status-bar" content="#ffffff" />
<link rel="icon" type="image/x-icon" href="assets/icons/icon.svg">
<link rel="apple-touch-icon" href="assets/icons/icon-72x72.png" />
<link rel="apple-touch-icon" href="assets/icons/icon-96x96.png" />
<link rel="apple-touch-icon" href="assets/icons/icon-128x128.png" />
@@ -55,6 +58,32 @@
<div class="dices" id="dices"></div>
<div class="form-container">
<div class="actions">
<button id="roll-add-button" onclick="addSelected()"><img src="./assets/add.svg"> Add
Selected</button>
<button id="roll-button" onclick="rollSelected()"><img src="./assets/roll.svg"> Roll
Selected</button>
</div>
</div>
</div>
<div class="history-container">
<div class="history" id="history"></div>
<div class="actions">
<button id="history-button" onclick="clearHistory()"><img src="./assets/history.svg"> Clear
History</button>
</div>
<div class="form-container">
<div class="form">
<input type="text" id="inputText" placeholder="1D6+1 + 2W4">
</div>
<div class="actions">
<button onclick="addDicesText()"><img src="./assets/plus.svg"> Add Dices</button>
<button onclick="rollText()"><img src="./assets/roll.svg"> Roll</button>
</div>
<div class="form">
<input min="1" value="1" type="number" id="inputCount">
D
@@ -78,27 +107,8 @@
<button onclick="addDiceForm()"><img src="./assets/plus.svg"> Add Dice</button>
<button onclick="rollForm()"><img src="./assets/roll.svg"> Roll</button>
</div>
<div class="form">
<input type="text" id="inputText">
</div>
<div class="actions">
<button onclick="addDicesText()"><img src="./assets/plus.svg"> Add Dices</button>
<button onclick="rollText()"><img src="./assets/roll.svg"> Roll</button>
</div>
</div>
</div>
<div class="history-container">
<div class="actions">
<button id="history-button" onclick="clearHistory()"><img src="./assets/history.svg"> Clear
History</button>
<button id="roll-add-button" onclick="addSelected()"><img src="./assets/add.svg"> Add Selected</button>
<button id="roll-button" onclick="rollSelected()"><img src="./assets/roll.svg"> Roll Selected</button>
</div>
<div class="history" id="history"></div>
</div>
</div>
<script src="script.js"></script>