装備管理アプリ
各ジョブに対する装備の取得状況を管理するアプリです。
ジョブ一覧
- A：戦士
- B：ナイト
- C：暗黒騎士
- D：学者
- E：白魔道士
- F：占星術師
- G：機工士
- H：忍者
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>装備管理アプリ</title>
</head>
<body>
<h1>装備管理アプリ</h1>
<p>各ジョブに対する装備の取得状況を管理するアプリです。</p>
<h2>ジョブ一覧</h2>
<ul>
<li>A：戦士</li>
<li>B：ナイト</li>
<li>C：暗黒騎士</li>
<li>D：学者</li>
<li>E：白魔道士</li>
<li>F：占星術師</li>
<li>G：機工士</li>
<li>H：忍者</li>
</ul>
<form>
<fieldset>
<legend>装備枠</legend>
<p>
<label>武器：</label>
<select name="weapon">
<option value="not-obtained">未取得</option>
<option value="normal">トークン未強化</option>
<option value="upgraded">トークン強化済み</option>
<option value="clear">零式</option>
</select>
</p>
<p>
<label>頭：</label>
<select name="head">
<option value="not-obtained">未取得</option>
<option value="normal">トークン未強化</option>
<option value="upgraded">トークン強化済み</option>
<option value="clear">零式</option>
</select>
</p>
<p>
<label>胴：</label>
<select name="body">
<option value="not-obtained">未取得</option>
<option value="normal">トークン未強化</option>
<option value="upgraded">トークン強化済み</option>
<option value="clear">零式</option>
</select>
</p>
<p>
<label>手：</label>
<select name="hands">
<option value="not-obtained">未取得</option>
<option value="normal">トークン未強化</option>
<option value="upgraded">トークン強化済み</option>
<option value="clear">零式</option>
</select>
</p>
<p>
<label>脚：</label>
<select name="legs">
<option value="not-obtained">未取得</option>
<option value="normal">トークン未強化</option>
<option value="upgraded">トークン強化済み</option>
<option value="clear">零式</option>
</select>
</p>
<p>
<label>足：</label>
<select name="feet">
<option value="not-obtained">未取得</option>
<option value="normal">トークン未強化</option>
<option value="upgraded">トークン強化済み</option>
<option value="clear">零式</option>
</select>
</p>
<p>
<label>耳：</label>
<select name="ear">
<option value="not-obtained">未取得</option>
<option value="normal">トークン未強化</option>
<option value="upgraded">トークン強化済み</option>
<option value="clear">零式</option>
</select>
</p>
<p>
<label>首：</label>
<select name="neck">
<option value="not-obtained">未取得</option>
<option value="normal">トークン未強化</option>
<option value="upgraded">トークン強化済み</option>
<option value="clear">零式</option>
</select>
</p>
<p>
<label>腕：</label>
<select name="wrist">
<option value="not-obtained">未取得</option>
<option value="normal">トークン未強化</option>
<option value="upgraded">トークン強化済み</option>
<option value="clear">零式</option>
</select>
</p>
<p>
<label>左指：</label>
<select name="left-finger">
<option value="not-obtained">未取得</option>
<option value="normal">トークン未強化</option>
<option value="upgraded">トークン強化済み</option>
</select>
</p>
<p>
<label>右指：</label>
<select name="right-finger">
<option value="not-obtained">未取得</option>
<option value="normal">トークン未強化</option>
<option value="upgraded">トークン強化済み</option>
</select>
</p>
<input type="submit" value="保存">
<input type="reset" value="リセット">
</fieldset>
</form>
<script>
var rightFingerSelect = document.querySelector("select[name=right-finger]");
var clearOption = document.createElement("option");
clearOption.value = "clear";
clearOption.textContent = "零式";
rightFingerSelect.appendChild(clearOption);
</script>
</body>
</html>
<!-- おしゃれなジョークが浮かばなかったため、ジョブリーパーか・・・ヒャッハー！ -->