Menu
Coddy logo textTech

appendToDisplay 関数

Coddyの「DOMプロジェクト:電卓」コースのレッスン 11/14。

4つの関数を作成する必要があります。それらは以下の通りです:

  1. appendToDisplay: クリックされた数字や記号の値を表示するため
  2. clearDisplay: ディスプレイ上のすべてをクリアするため (C)
  3. deleteLast: 各数字や記号を削除するため(バックスペース機能)
  4. calculateResult: イコールボタンをクリックした後、結果が生成されます。
challenge icon

チャレンジ

簡単
  1. パラメータとして `value` を受け取り、数字や記号を 'display' に追加する関数 `appendToDisplay` を作成します。
  2. 関数が準備できたら、それを動作させる必要があります。`onclick` 属性を使用して、'C'、'←'、'=' 以外のすべてのボタンに `appendToDisplay(value)` を設定してください。以下に例を示します。
<button class="btn" onclick="appendToDisplay('/')">/</button>

(右上のウェブサイトを更新し、数字をクリックして動作するか確認してください!)

自分で試してみよう

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
        <script src="script.js"></script>
    </body>
</html>

DOMプロジェクト:電卓のすべてのレッスン