パーセント計算をしたい | 数値操作 | JavaScript 目的別リファレンス

現在作成中です。今後加筆修正してまいります。
スポンサーリンク

このプログラムでは、JavaScriptを使って、ある部分が全体の何パーセントを占めるかを計算します。計算式は (部分 ÷ 全体) × 100 です。

スポンサーリンク

パーセント計算プログラム

以下のコードでは、50が200の何パーセントかを計算し、その結果を表示しています。

HTMLとJavaScriptコード

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title>パーセント計算をする方法</title>
    <script>
        window.onload = function() {
            // パーセント計算をする関数
            function calculatePercentage(total, part) {
                return (part / total) * 100; // 部分を全体で割り、100を掛けてパーセントを求める
            }

            // テスト用のデータ
            const totalAmount = 200;
            const partAmount = 50;

            // パーセントを計算
            const percentage = calculatePercentage(totalAmount, partAmount);

            // 結果をHTMLに表示
            document.getElementById('percentageResult').textContent = `${partAmount} は ${totalAmount} の ${percentage.toFixed(2)}% です`;
        }
    </script>
</head>
<body>

    <h1>パーセント計算をする方法</h1>

    <div id="percentageResult"></div>

</body>
</html>

プログラムの解説

このプログラムでは、(部分 ÷ 全体) × 100という基本的な計算式を使って、パーセントを計算しています。toFixed(2)メソッドを使って小数点以下2桁までの表示に丸めています。

以下はtoFixed()メソッドに関する注意点です。

  • toFixed()は数値を指定された小数点以下の桁数に丸めて文字列として返します。
  • 丸められた結果は文字列となるため、数値として再利用する際にはparseFloat()やNumber()などを使用して数値に変換する必要があります。
  • 桁数を省略すると、デフォルトで小数点以下0桁に丸められます。

Numberオブジェクト メソッドの機能一覧

Number メソッドの機能一覧 | JavaScript リファレンス
JavaScriptのNumberオブジェクトは、数値操作に便利なメソッドを提供します。以下に、Numberオブジェクトのメソッドをインスタンスメソッドと静的メソッドに分け、アルファベット順でまとめています。 Numberオブジェクトのインスタンスメソッド メソッド名 説明と注意点 Number.prototype.t...
programming-cafe.com
スポンサーリンク