kfmodrandomloadout/index.html

<script type="text/javascript" src="./random.js"></script>
<div style="display: flex; flex-wrap: nowrap;">
<div style="margin-right: 12px;">
<select id="perk" style="width: 200px;">
    <option class="selection" value="">No perk</option>
    <option value="medic">Medic</option>
    <option value="support">Support</option>
    <option value="sharpshooter">Sharpshooter</option>
    <option value="commando">Commando</option>
    <option value="berserker">Berserker</option>
    <option value="firebug">Firebug</option>
</select>
<button id="rollperk">Roll a perk</button>
<div style="margin-bottom:4px;"></div>
<select id="supportlvl" style="width: 283px; display: none;">
    <option class="selection" value="">Support Specialist level</option>
    <option value="1">Lvl 1 (21Kg carry)</option>
    <option value="2">Lvl 2 (23Kg carry)</option>
    <option value="3">Lvl 3 (25Kg carry)</option>
</select>
<div style="margin-bottom:4px;"></div>
<select id="set" style="width: 170px;">
    <option value="vanilla">Vanilla Weapons</option>
    <option value="kfs">KFS Weapons</option>
</select>
<input type="number" id="numofweapons" style="width: 108px;" placeholder="# of Weapons" min=1 max=3>
<div style="margin-bottom:10px;"></div>
<button style="font-size: 33px" id="random">ROCK AND ROLL<br>MCDONALDS</button>
</div>
<div id="categories">
  Categories enabled:<br>
  <input type="checkbox" id="melee" name="melee" value="Melee" checked>
  <label for="melee"> Melee</label><br>
  <input type="checkbox" id="power" name="power" value="Power" checked>
  <label for="power"> Power</label><br>
  <input type="checkbox" id="speed" name="speed" value="Speed" checked>
  <label for="speed"> Speed</label><br>
  <input type="checkbox" id="range" name="range" value="Range" checked>
  <label for="range"> Range</label><br><br>
</div>
</div>
<br><br>
<table style="width:70%; border : 1px solid #f00;">
  <tbody id="tbody">
  <tr>
    <th>Weapon</th>
    <th>Price</th>
    <th>Weight</th>
    <th>Category</th>
  </tr>
  </tbody>
</table>
<br>