js实现简易计算器
·
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.warp {
width: 310px;
height: 200px;
padding: 10px;
border: 1px solid #000;
}
#text {
width: 300px;
height: 50px;
}
.warp>button {
width: 55px;
}
</style>
</head>
<body>
<div class="warp">
<input type="text" id="text">
<button onclick="shuru(0)">0</button>
<button onclick="shuru(1)">1</button>
<button onclick="shuru(2)">2</button>
<button onclick="shuru(3)">3</button>
<button onclick="shuru(4)">4</button>
<button onclick="shuru(5)">5</button>
<button onclick="shuru(6)">6</button>
<button onclick="shuru(7)">7</button>
<button onclick="shuru(8)">8</button>
<button onclick="shuru(9)">9</button>
<button onclick="shuru('+')">+</button>
<button onclick="shuru('-')">-</button>
<button onclick="shuru('*')">*</button>
<button onclick="shuru('/')">/</button>
<button onclick="shuru('%')">%</button>
<button onclick="jisuan()">=</button>
<button onclick="qingling()">清除</button>
</div>
<script>
let str2='';//放置输入的字符串
function shuru(text) {
let _text = document.getElementById('text');
str2 = str2 + text;
_text.value = str2;
}
function jisuan() {
let _text = document.getElementById('text');
_text.value = eval(str2);
str2 = '';
}
function qingling(params) {
let _text = document.getElementById('text');
_text.value = '';
str2 = '';
}
</script>
</body>
</html>
DAMO开发者矩阵,由阿里巴巴达摩院和中国互联网协会联合发起,致力于探讨最前沿的技术趋势与应用成果,搭建高质量的交流与分享平台,推动技术创新与产业应用链接,围绕“人工智能与新型计算”构建开放共享的开发者生态。
更多推荐


所有评论(0)