Oliver/Weighted-RNG
0
0
Fork 0
Code Issues Activity

Convert to tabs and switch to using Vue

Browse source
This commit is contained in:
Oliver-Akins 2023-02-01 10:42:48 -06:00
parent e461a0a677
commit 0001dca6e7
5 changed files with 55 additions and 127 deletions
Download patch file Download diff file Expand all files Collapse all files

78
index.html
View file

@ -1,45 +1,43 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Weighted Choice Maker</title>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Weighted Choice Maker</title>
<!-- CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark.css">
<link rel="stylesheet" href="style.css">
<!-- CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark.css">
<link rel="stylesheet" href="style.css">
<!-- JAVASCRIPT -->
<script src="./js/delete_choice.js"></script>
<script src="./js/add_choice.js"></script>
<script src="./js/choosing.js"></script>
</head>
<body>
<template id="choice-template">
<div class="choice">
<input type="text" class="left" placeholder="Choice Name">
<input class="right" type="text" placeholder="Choice Weighting">
<button class="delete" onclick="delete_choice(this)">X</button>
<div class="line"></div>
</div>
</template>
<h1>Weighted Choice Maker</h1>
<div class="container">
<h2>Choices:</h2>
<button onclick="add_choice()">Add New Choice</button>
<br>
<div class="line"></div>
<div id="choices">
<div class="choice">
<input class="left" type="text" id="text-in-0" placeholder="Choice Name">
<input class="right" type="text" id="weight-in-0" placeholder="Choice Weighting">
<button class="delete" onclick="delete_choice(this)">X</button>
<div class="line"></div>
</div>
</div>
<button onclick="choose_option()">Choose</button>
<h2>Chosen Entry: <span id="result"></span></h2>
</div>
</body>
<!-- JAVASCRIPT -->
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
</head>
<body>
<template id="choice-template">
<div class="choice">
<input type="text" class="left" placeholder="Choice Name">
<input class="right" type="text" placeholder="Choice Weighting">
<button class="delete" onclick="delete_choice(this)">X</button>
<div class="line"></div>
</div>
</template>
<h1>Weighted Choice Maker</h1>
<div class="container">
<h2>Choices:</h2>
<button onclick="add_choice()">Add New Choice</button>
<br>
<div class="line"></div>
<div id="choices">
<div class="choice">
<input class="left" type="text" id="text-in-0" placeholder="Choice Name">
<input class="right" type="text" id="weight-in-0" placeholder="Choice Weighting">
<button class="delete" onclick="delete_choice(this)">X</button>
<div class="line"></div>
</div>
</div>
<button onclick="choose_option()">Choose</button>
<h2>Chosen Entry: <span id="result"></span></h2>
</div>
</body>
</html>