Blog

HOME > Web > javascript > 【javascript】htmlで自動計算（掛け算）

【javascript】htmlで自動計算（掛け算）

2024/01/13

javascript

備忘録です。

数値を入力すると掛け算で２つ回答が表示されるスクリプトです。

<label for="numberInput">数値入力:</label>
<input type="number" id="numberInput" oninput="calculateResults()">

<p>結果1: <span id="result1">0</span></p>
<p>結果2: <span id="result2">0</span></p>

<script>
  function calculateResults() {
    // 入力値を取得
    var inputValue = document.getElementById('numberInput').value;

    // 掛け算を計算
    var result1 = inputValue * 2; //任意で掛ける数値を変更
    var result2 = inputValue * 3;

    // 結果を表示
    document.getElementById('result1').textContent = result1;
    document.getElementById('result2').textContent = result2;
  }
</script>

ゼヒトモ内でのプロフィール: ROCKSTREAM, ゼヒトモのホームページ作成・制作サービス, 仕事をお願いしたい依頼者と様々な「プロ」をつなぐサービス

カテゴリー

月間アーカイブ

«前の記事

一覧に戻る

次の記事»

最近の投稿

人気の記事

MORE

ミュージシャンズ・プラザ

神社仏閣ホームーページ制作

ホームページ制作問合せ