用bootstrap(的按钮)做的一个简单的计算器

最新推荐文章于 2023-12-05 15:44:32 发布

dark_Gi

最新推荐文章于 2023-12-05 15:44:32 发布

阅读量772

点赞数 2

分类专栏：笔记文章标签： bootstrap jquery web html5 js

本文链接：https://blog.csdn.net/dark_gi/article/details/108905652

版权

前言翻文件夹翻出来的，一年前感觉bootstrap的按钮好好看然后就打了一个计算器玩玩，改了好多bug，通过按钮的‘=’得出了结果后，再次输入数字会覆盖之前的结果，例如结果=1234，再按‘5’，结果=5.然鹅按回车键后得出的结果，再次输入是在结果后+数字，例如结果=1234，再按‘5’，结果=12345.直接上代码提升：请切换成英文输入法进行键盘输入<!DOCTYPE html><html> <head> <title>计算器</tit

摘要由CSDN通过智能技术生成

前言

翻文件夹翻出来的，一年前感觉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==&#

最低0.47元/天解锁文章

dark_Gi

关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
用bootstrap(的按钮)做的一个简单的计算器

前言翻文件夹翻出来的，一年前感觉bootstrap的按钮好好看然后就打了一个计算器玩玩，改了好多bug，通过按钮的‘=’得出了结果后，再次输入数字会覆盖之前的结果，例如结果=1234，再按‘5’，结果=5.然鹅按回车键后得出的结果，再次输入是在结果后+数字，例如结果=1234，再按‘5’，结果=12345.直接上代码提升：请切换成英文输入法进行键盘输入<!DOCTYPE html><html> <head> <title>计算器</tit
复制链接

扫一扫