JavaScript实现计算器

最新推荐文章于 2023-11-14 10:53:55 发布

allen_csdns

最新推荐文章于 2023-11-14 10:53:55 发布

阅读量189

点赞数

文章标签： JavaScript实现计算器

本文链接：https://blog.csdn.net/allen_csdns/article/details/103199417

版权

源码Demo：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js计算器</title>
</head>
<style>
*{
    border: none;
    margin: 0 auto;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
}
.center{ /*居中*/
    margin: 0 auto;
    text-align: center;
}
h1{
    color: #495678;
    font-size: 30px;
    display: block;
    margin: 25px;
}
form{
    background-color: #495678;
    box-shadow: 4px 4px #3d4a65;
    width: 350px;
    height: 380px;
    border-radius: 18px;
    padding-top: 45px;
}
.btn{
    cursor: pointer;
    font-size: 20px;
    width: 45px;
    height: 45px;
    margin: 10px;
    border-radius: 15px;
    outline: none;/*避免点击按钮时出现轮廓*/
}
.number{
    background-color: #72778b;
    box-shadow: 0 4px #5f6680;
    color: white;
}
.operator{
    background-color: #dededc;
    box-shadow: 0 4px #bebebe;
    color: #72778b;
}
.other{
    background-co

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

allen_csdns

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaScript实现计算器

源码Demo：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js计算器</title></head><style>*{ border: none; margin: 0 a...
复制链接

扫一扫