<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Lewt Job Generator</title>
	<link rel="stylesheet" href="style.css">
</head>
<body>

<input id="fileupload" type="file">

<form>
<select name="job" data-bind="
					value: job,
					options: jobList,
					optionsText: 'name',
					optionsValue: 'id'"></select>

<h1 data-bind="text: name"></h1>

<ul data-bind="sortable: statPriority">
	<li>
		<span data-bind="text: $data"></span>
		<span data-bind="click:  $parent.removeStat" class="deletestat">X</span>
	</li>
</ul>
<select data-bind="	value: selectedNewStat,
					options: baseStats,
					optionsText: 'longname',
					optionsValue: 'longname'
"></select> <button data-bind="click: addPriority">Add</button>

</form>

<script data-main="js/app" src="js/lib/require.js"></script>

</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Lewt Job Generator</title>
	<link rel="stylesheet" href="style.css">
</head>
<body>

<input id="fileupload" type="file">

<form>
<select name="job" data-bind="
					value: job,
					options: jobList,
					optionsText: 'name',
					optionsValue: 'id'"></select>

<h1 data-bind="text: name"></h1>

<ul data-bind="sortable: statPriority">
	<li>
		<span data-bind="text: $data"></span>
		<span data-bind="click:  $parent.removeStat" class="deletestat">X</span>
	</li>
</ul>
<select data-bind="	value: selectedNewStat,
					options: baseStats,
					optionsText: 'longname',
					optionsValue: 'longname'
"></select> <button data-bind="click: addPriority">Add</button>

<br><br><br><br>

<label>Hitdie:</label><input data-bind="value: hitdie" class="small" type="text">

</form>

<script data-main="js/app" src="js/lib/require.js"></script>

</body>
</html>
Add output/input for the Job's hitdie
Add output/input for the Job's hitdie
