JavaScriptで金種表

プログラムって本当に面白いですよね！
適当な金額を入力すれば、お札や硬貨の枚数がわかるプログラム！

利用者さんがJavaScriptで金種表を作成してくれました。

金額を入力して、ボタンを押してみてください。

金種表

ここに出力

ソースコード

index.html

<!DOCTYPE html>
<html lang="ja">

<head>
    <meta charset="UTF-8">
    <title>金種表</title>
</head>

<body>
    <h1>金種表</h1>
    <input type="number" id="money" placeholder="金額を入力">
    <button id="calc">金種計算</button>
    <p id="ans"></p>
    <script src="./script.js"></script>
</body>

</html>

<!DOCTYPE html>

<head>

</head>

<body>

</body>

</html>

script.js

const moneyIn = document.getElementById("money");
const calcBtn = document.getElementById("calc");
const ans = document.getElementById("ans");

function calc() {
    // お金の種類の配列
    const m = [
        10000,
        5000,
        1000,
        500,
        100,
        50,
        10,
        5,
        1,
    ];
    // 答えを入れる文字列
    let ansStr = "";
    // 入力した数値(この段階では数字の文字列)
    let s = moneyIn.value;
    // 数値に変換(変換後は計算できる)
    let n = parseInt(s, 10);
    // お金の種類の配列をループする
    for (const v of m) {
        // 割り算の商を求める(小数点以下切り捨て)
        let sho = Math.floor(n / v);
        // n から sho * v を引く
        n -= sho * v;
        // 答えを入れる
        ansStr += `${v}円　${sho}枚<br>`;
    }

    // <p id="ans">要素の中身を変える
    ans.innerHTML = ansStr;
}

calcBtn.addEventListener("click", calc);