前言
翻文件夹翻出来的,一年前感觉bootstrap的按钮好好看然后就打了一个计算器玩玩,改了好多bug,通过按钮的‘=’得出了结果后,再次输入数字会覆盖之前的结果,例如结果=1234,再按‘5’,结果=5.然鹅按回车键后得出的结果,再次输入是在结果后+数字,例如结果=1234,再按‘5’,结果=12345.
直接上代码
提升:请切换成英文输入法进行键盘输入
<!DOCTYPE html>
<html>
<head>
<title>计算器</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" charset="utf-8">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script>
var str="" //input框的str字符串
var flag=0 //判断是否已经得出结果
$(document).ready(function(){
$("input").keypress(function(e){
//获取键盘输入
if(e.key=="+"||e.key=="-"||e.key=="*"||e.key=="/"||e.key=="."||(e.keyCode<=57&&e.keyCode>=48)&&e.key!='Enter')
//有些keyCode没有连续性,所以e.key和keyCode交替使用了
{
str=str+e.key;
//console.log(str);
}
if(e.key=='Enter')
{
str=eval(str);
//console.log(str);
$("#result").val(str);
}
})
//后面的代码是1年前写的,没改过。。。
$(".btn").click(function(){
if(this.id==&#