appendToDisplay 関数
Coddyの「DOMプロジェクト:電卓」コースのレッスン 11/14。
4つの関数を作成する必要があります。それらは以下の通りです:
- appendToDisplay: クリックされた数字や記号の値を表示するため
- clearDisplay: ディスプレイ上のすべてをクリアするため (C)
- deleteLast: 各数字や記号を削除するため(バックスペース機能)
- calculateResult: イコールボタンをクリックした後、結果が生成されます。
チャレンジ
簡単- パラメータとして `value` を受け取り、数字や記号を 'display' に追加する関数 `appendToDisplay` を作成します。
- 関数が準備できたら、それを動作させる必要があります。`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プロジェクト:電卓のすべてのレッスン
1はじめに
何を作りますか?