Skip to content

Instantly share code, notes, and snippets.

@horitaku1124

horitaku1124/calc.html

Last active January 20, 2019 14:25
Show Gist options
  • Save horitaku1124/368742c19d23d3157d72eb2e837c5480 to your computer and use it in GitHub Desktop.
Save horitaku1124/368742c19d23d3157d72eb2e837c5480 to your computer and use it in GitHub Desktop.
Download ZIP
Inventory Calcration
Raw
calc.html
<!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">
<script src="./jquery-3.3.1.min.js"></script>
<title>Document</title>
<style>
body {
display: flex;
}
input[type=number] {
text-align: right;
width: 45px;
}
</style>
<script>
"use strict";
const mass = {
"5mm_bullet": 0.5,
"9mm_bullet": 0.375,
"7mm_bullet": 0.7,
"45_bullet": 0.4,
"12_shot": 1.25,
"300_magnum": 1,
"bolt": 2,
"grenade": 18,
"stan_grenade": 12,
"smoke_grenade": 14,
"molotov": 16,
"energy_drink": 4,
"pain_killer": 10,
"adrenaline": 20,
"bandage": 2,
"first_aid": 10,
"medkit": 20,
"gasolin": 20,
};
$(document).ready(() => {
let allCalcuration = () => {
let sum = 0;
Object.keys(mass).forEach(key => {
let num = $('#' + key).val();
if (num) {
sum += parseInt(num) * mass[key];
}
});
let occupied = Math.ceil(sum);
let capacity = 20;
if ($('input[name=have_utility]:checked').val() === "1") {
capacity += 50;
}
capacity += parseInt($('input[name=backpack]:checked').val());
if ($('input[name=vest]:checked').val() === "1") {
capacity += 50;
}
$('#weight').html(`${occupied} / ${capacity}`);
};
$('input[type=number]').change(allCalcuration);
$('input[name=have_utility]').change(allCalcuration);
$('input[name=backpack]').change(allCalcuration);
$('input[name=vest]').change(allCalcuration);
allCalcuration();
})
</script>
</head>
<body>
<div >
<div>重さ: <span id="weight">0</span></div>
<table>
<tr>
<th>5.56mm</th>
<td><input id="5mm_bullet" type="number" value="0" min="0" max="1000" step="15"></td>
</tr>
<tr>
<th>9mm</th>
<td><input id="9mm_bullet" type="number" value="0" min="0" max="1000" step="15"></td>
</tr>
<tr>
<th>7.62mm</th>
<td><input id="7mm_bullet" type="number" value="0" min="0" max="1000" step="15"></td>
</tr>
<tr>
<th>.45 ACP</th>
<td><input id="45_bullet" type="number" value="0" min="0" max="1000" step="15"></td>
</tr>
<tr>
<th>12 Gauge</th>
<td><input id="12_shot" type="number" value="0" min="0" max="1000" step="10"></td>
</tr>
<tr>
<th>.300 Magnum</th>
<td><input id="300_magnum" type="number" value="0" min="0" max="1000" step="1"></td>
</tr>
<tr>
<th>Bolt</th>
<td><input id="bolt" type="number" value="0" min="0" max="1000" step="1"></td>
</tr>
<tr>
<th>手榴弾<!--Frag grenade--></th>
<td><input id="grenade" type="number" value="0" min="0" max="100" step="1"></td>
</tr>
<tr>
<th>スタングレネード<!--Stan grenade--></th>
<td><input id="stan_grenade" type="number" value="0" min="0" max="100" step="1"></td>
</tr>
<tr>
<th>スモークグレネード<!--Smoke grenade--></th>
<td><input id="smoke_grenade" type="number" value="0" min="0" max="100" step="1"></td>
</tr>
<tr>
<th>火炎瓶<!--Molotov Cocktail--></th>
<td><input id="molotov" type="number" value="0" min="0" max="100" step="1"></td>
</tr>
<tr>
<th>エナジードリング<!--Energy Drink--></th>
<td><input id="energy_drink" type="number" value="0" min="0" max="50" step="1"></td>
</tr>
<tr>
<th>鎮痛剤<!--Painkiller--></th>
<td><input id="pain_killer" type="number" value="0" min="0" max="50" step="1"></td>
</tr>
<tr>
<th>アドレナリン<!--Adrenaline Syringe--></th>
<td><input id="adrenaline" type="number" value="0" min="0" max="50" step="1"></td>
</tr>
<tr>
<th>包帯<!--Bandage--></th>
<td><input id="bandage" type="number" value="0" min="0" max="50" step="5"></td>
</tr>
<tr>
<th>応急処置キット<!--First Aid Kit--></th>
<td><input id="first_aid" type="number" value="0" min="0" max="50" step="1"></td>
</tr>
<tr>
<th>治療キット<!--Med Kit--></th>
<td><input id="medkit" type="number" value="0" min="0" max="50" step="1"></td>
</tr>
<tr>
<th>ガソリン<!--Gas Can--></th>
<td><input id="gasolin" type="number" value="0" min="0" max="50" step="1"></td>
</tr>
</table>
</div>
<div>
<table>
<tr>
<th>ユーティリティベルト</th>
<td>
<input type="radio" name="have_utility" value="1" checked>あり
<input type="radio" name="have_utility" value="0">なし
</td>
</tr>
<tr>
<th>バッグパック</th>
<td>
<input type="radio" name="backpack" value="0" checked>なし
<input type="radio" name="backpack" value="150" >レベル1
<input type="radio" name="backpack" value="200">レベル2
<input type="radio" name="backpack" value="250">レベル3
</td>
</tr>
<tr>
<th>ベスト</th>
<td>
<input type="radio" name="vest" value="1">あり
<input type="radio" name="vest" value="0" checked>なし
</td>
</tr>
</table>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment