数値を四則演算したい | 数値操作 | JavaScript 目的別リファレンス

目的別リファレンス

2024.09.23

このプログラムでは、2つの数値に対して足し算、引き算、掛け算、割り算の四則演算を行います。

使用する演算子: +, -, *, /
数値を四則演算するプログラム
1. HTMLとJavaScriptコード
2. プログラムの解説
演算子の一覧(抜粋)

使用する演算子: +, -, *, /

JavaScriptでは、足し算には+、引き算には-、掛け算には*、割り算には/の演算子を使用します。

数値を四則演算するプログラム

以下のコードでは、10と5の四則演算を実行しています。

HTMLとJavaScriptコード

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数値を四則演算する方法</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            line-height: 1.6;
            padding: 20px;
        }
        pre {
            background: #f4f4f4;
            border-left: 3px solid #ccc;
            padding: 10px;
            margin: 20px 0;
        }
    </style>

    <script>
        window.onload = function() {
            // 四則演算の関数
            function performArithmeticOperations(a, b) {
                const addition = a + b;
                const subtraction = a - b;
                const multiplication = a * b;
                const division = a / b;
                return { addition, subtraction, multiplication, division };
            }

            // テスト用の数値
            const a = 10;
            const b = 5;

            // 計算結果
            const result = performArithmeticOperations(a, b);

            // 結果をHTMLに表示
            document.getElementById('addition').textContent = `${a} + ${b} = ${result.addition}`;
            document.getElementById('subtraction').textContent = `${a} - ${b} = ${result.subtraction}`;
            document.getElementById('multiplication').textContent = `${a} * ${b} = ${result.multiplication}`;
            document.getElementById('division').textContent = `${a} / ${b} = ${result.division}`;
        }
    </script>
</head>
<body>

    <h1>数値を四則演算する方法</h1>

    <div id="addition"></div>
    <div id="subtraction"></div>
    <div id="multiplication"></div>
    <div id="division"></div>

</body>
</html>

プログラムの解説

このプログラムでは、2つの数値に対して四則演算を行い、その結果をHTMLに表示しています。演算子+、-、*、/を使って足し算、引き算、掛け算、割り算を行います。

演算子の一覧(抜粋)

演算子	説明
`+`	2つの数値を足し合わせます。
`-`	1つ目の数値から2つ目の数値を引きます。
`*`	2つの数値を掛け合わせます。
`/`	1つ目の数値を2つ目の数値で割ります。