函数 appendToDisplay
Coddy DOM 项目:计算器 课程的第 11 课,共 14 课。
我们需要创建 4 个函数:
- appendToDisplay:显示点击的数字或符号
- clearDisplay:清除显示屏上的所有内容(C)
- deleteLast:删除最后一个数字或符号(退格功能)
- calculateResult:点击等号按钮后,生成结果。
挑战
简单- 创建一个函数 appendToDisplay,它接收 value 作为参数,并将数字或符号追加到 'display' 中。
- 现在函数已经准备好了,我们需要让它运行起来。使用 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 项目:计算器中的所有课
1简介
你将构建什么?自己练习: Web 在线编辑器