本文介绍了如何使用JavaScript实现一个简单的计算器功能，涵盖了HTML结构、CSS样式和JavaScript行为层的运用。通过查找页面元素、添加点击事件、转换数值类型、判断运算符及显示运算结果等步骤，实现了基本的加减乘除运算。
用JavaScript实现简易的计算器功能。
1用HTML——结构层，写出网页的结构和内容。（“是什么”）
2用CSS——表现层，设定网页的表现样式。（“什么样式”）
3用JavaScript（JS）——行为层，控制网页的行为。（“做什么”）
进入正题
代码如下：
在这里插入代码片<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
.box{width: 300px;height: 400px;margin: 150px auto;border: 2px solid #f60;
background: #999;text-align: center;}
.box input{font-size: 66px;text-align: center;border: none;}
#pt1{width: 145px;height: 150px;float: left;background: red;}
#pt2{width: 145px;height: 150px;float: right;background: green;}
#sel{width: 200px;height: 40px;margin-top: 20px;background: yellow;}
#btn{width: 200px;height: 40px;background: #f50;border: none;}
#pt3{width: 234px;height: 100px;margin-top: 20px;font-size: 66px;background: blue;}
<
最低0.47元/天 解锁文章
3万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
