Menu
Coddy logo textTech

全てのボタン

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

challenge icon

チャレンジ

簡単
  1. 'buttons' という div の中に、クラス名 'btn' を持つ 18 個のボタンを作成します。
  2. 最後のボタンには、クラス名 'equal' も追加してください!
  3. 各ボタンについて、以下のテキストを追加してください。

     

    ボタンのテキスト説明
    C表示をクリア
    最後の文字を削除
    /除算
    *乗算
    7数字の 7
    8数字の 8
    9数字の 9
    -減算
    4数字の 4
    5数字の 5
    6数字の 6
    +加算
    1数字の 1
    2数字の 2
    3数字の 3
    0数字の 0
    .小数点
    =結果を計算

自分で試してみよう

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

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