搭建HTML结构
创建计算器的HTML结构:一个显示屏div和多个按钮(0-9数字、+-×÷运算符、等号、清除)。
用 HTML、CSS 和 JavaScript 制作一个功能完整的网页计算器,支持加减乘除运算。你将学习前端三件套的协作方式,理解事件处理和DOM操作的基本概念。
电脑、文本编辑器 等 4 种
共 4 种材料
创建计算器的HTML结构:一个显示屏div和多个按钮(0-9数字、+-×÷运算符、等号、清除)。
创建计算器的HTML结构:一个显示屏div和多个按钮(0-9数字、+-×÷运算符、等号、清除)。
用CSS Grid布局排列按钮为网格形式,设置按钮颜色、圆角、阴影效果,让计算器外观美观。
用CSS Grid布局排列按钮为网格形式,设置按钮颜色、圆角、阴影效果,让计算器外观美观。
用JavaScript给每个数字按钮添加点击事件,点击后将数字显示在屏幕上,处理多位数输入。
用JavaScript给每个数字按钮添加点击事件,点击后将数字显示在屏幕上,处理多位数输入。
编写计算函数处理加减乘除运算,点击等号时执行计算并显示结果,处理连续运算。
编写计算函数处理加减乘除运算,点击等号时执行计算并显示结果,处理连续运算。
添加清除功能、退格删除、小数点输入,处理除以零等错误情况,添加按钮点击动画效果。
添加清除功能、退格删除、小数点输入,处理除以零等错误情况,添加按钮点击动画效果。
还没有探索记录
完成后上传作品,成为第一个记录的人。

纸板机器人手偶
用纸板和铆钉制作一个关节可动的机器人手偶,通过手指操控实现各种动作。你将学习简单机构和联动原理,理解机器人关节的运动方式。
4
种材料
0
人完成
0
投币
安全提醒
制作或观察时请确认环境安全,必要时在成人或老师陪同下完成。
电脑
文本编辑器
VS Code推荐
浏览器
计算器界面设计草图
创建计算器的HTML结构:一个显示屏div和多个按钮(0-9数字、+-×÷运算符、等号、清除)。
用CSS Grid布局排列按钮为网格形式,设置按钮颜色、圆角、阴影效果,让计算器外观美观。
用JavaScript给每个数字按钮添加点击事件,点击后将数字显示在屏幕上,处理多位数输入。
编写计算函数处理加减乘除运算,点击等号时执行计算并显示结果,处理连续运算。
添加清除功能、退格删除、小数点输入,处理除以零等错误情况,添加按钮点击动画效果。
用纸板和铆钉制作一个关节可动的机器人手偶,通过手指操控实现各种动作。你将学习简单机构和联动原理,理解机器人关节的运动方式。