Menu
CoddyTech

函数 appendToDisplay

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

我们需要创建 4 个函数:

  1. appendToDisplay:显示点击的数字或符号
  2. clearDisplay:清除显示屏上的所有内容(C)
  3. deleteLast:删除最后一个数字或符号(退格功能)
  4. calculateResult:点击等号按钮后,生成结果。
challenge icon

挑战

简单
  1. 创建一个函数 appendToDisplay,它接收 value 作为参数,并将数字或符号追加到 'display' 中。
  2. 现在函数已经准备好了,我们需要让它运行起来。使用 onclick 属性,将 appendToDisplay(value) 设置到除 ‘C’、'←' 和 ‘=' 以外的所有按钮上。下面是一个示例:
<button class="btn" onclick="appendToDisplay('/')">/</button>

(点击右上角的刷新按钮,然后点击数字,看看是否有效!)

亲手试试

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- 在这里编写 HTML 代码 -->
        <script src="script.js"></script>
    </body>
</html>

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

自己练习: Web 在线编辑器