Menu
CoddyTech

所有按钮

Coddy DOM 项目:计算器 课程的第 5 课,共 14 课。

challenge icon

挑战

简单
  1. 在 div 'buttons' 中创建 18 个 class 名称为 'btn' 的按钮。
  2. 还要为最后一个按钮添加 class 名称 ‘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>
        <!-- 在这里编写 HTML 代码 -->
        <script src="script.js"></script>
    </body>
</html>

DOM 项目:计算器中的所有课

自己练习: Web 在线编辑器