HTMLにボタンを追加して加算または減算する方法

HTMLファイルを作成します。テキストエディタなどの適切なツールを使用して、新しいHTMLファイルを作成します。
ボタン要素を追加します。以下のコードをHTMLファイルに追加して、加算ボタンと減算ボタンを作成します。

<button onclick="add()">加算</button>
<button onclick="subtract()">減算</button>

JavaScript関数を作成します。ボタンがクリックされたときに実行されるJavaScript関数を作成します。以下のコードは、加算と減算の例を示しています。

<script>
  function add() {
    var number = parseInt(document.getElementById("number").innerHTML);
    number += 1;
    document.getElementById("number").innerHTML = number;
  }
  function subtract() {
    var number = parseInt(document.getElementById("number").innerHTML);
    number -= 1;
    document.getElementById("number").innerHTML = number;
  }
</script>

数値を表示する要素を追加します。加算または減算の結果を表示するための要素をHTMLファイルに追加します。以下のコードは、数値を表示するための例です。

<p>数値: <span id="number">0</span></p>

これで、加算と減算のボタンが表示され、数値が更新される準備が整いました。

この方法を使用すると、ボタンをクリックするたびに数値が加算または減算され、HTMLページ上に表示されます。