シンプルにA版B版の用紙サイズを表示するだけです。公式の0〜10のサイズに対応しました。まっ、単にサイズ表を作ればいい話ですが、他のデータなどにも活用できるのでは・・・ということで作りました。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>A版・B版 サイズ表示</title>
<style>
body {
font-family: sans-serif;
margin: 40px;
background-color: black;
color: white;
}
select,
input {
padding: 6px;
}
#result {
margin-top: 20px;
font-size: 24px;
font-weight: bold;
color: yellow;
}
</style>
</head>
<body>
<center>
<h3>A版・B版 サイズ表示</h3>
<select id="type">
<option value="A">A版</option>
<option value="B">B版</option>
</select>
<input type="number" id="size" min="0" max="10"
placeholder="0～10">
<div id="result">0～10を入力してください</div>
<script>
const paper = {
A: {
0: "841 × 1189 mm",
1: "594 × 841 mm",
2: "420 × 594 mm",
3: "297 × 420 mm",
4: "210 × 297 mm",
5: "148 × 210 mm",
6: "105 × 148 mm",
7: "74 × 105 mm",
8: "52 × 74 mm",
9: "37 × 52 mm",
10: "26 × 37 mm"
},
B: {
0: "1030 × 1456 mm",
1: "728 × 1030 mm",
2: "515 × 728 mm",
3: "364 × 515 mm",
4: "257 × 364 mm",
5: "182 × 257 mm",
6: "128 × 182 mm",
7: "91 × 128 mm",
8: "64 × 91 mm",
9: "45 × 64 mm",
10: "32 × 45 mm"
}
};
const type = document.getElementById("type");
const size = document.getElementById("size");
const result = document.getElementById("result");
function showSize() {
const t = type.value;
const s = size.value;
if (paper[t][s] !== undefined) {
result.textContent = `${t}${s}：${paper[t][s]}`;
} else {
result.textContent = "0～10を入力してください";
}
}
type.addEventListener("change", showSize);
size.addEventListener("input", showSize);
</script>
</center>
</body>
</html>
実行したらA版B版の選択と、数値を入力またはスピンボタン（▲▼マーク）※で・・・
サイズを表記します。よく使うA4とB5以外は暗記があやふやなので・・・（^o^）
