input点击事件不能用_用js简单写一个计算器

嗨,大家好,今天给大家带来的是一个计算器

首先要知道我们常用的计算器都有哪些按键,有'0~9','+' ,' -' , '*', '/',还有'=' 和'.',基本是这些按键,然后我们去创建一些按键。

47b3bb3e5021f362b68b8ed3d34de0f1.png

之后我们去设置样式,设置完去js里写数据

获取上面的input
var text = document.querySelector('input[type = text]')
获取box下所有的input
var bts = document.querySelectorAll('.box input')
获取box
var box = document.querySelector('.box')
获取app下的input
var dengyu = document.querySelector('#app > input[type = button]')
获取input
var nulll = document.querySelector('#app >input[type = null]')
设置点击事件
box.onclick = function(e){
兼容
var e = e ||window.event;
让ie6兼容
var tar = e.target||e.srcElement;
如果点击的的name全等于input
if(tar.nodeName === 'INPUT'){
就把text的内容写到tar里
text.value += tar.value;
}
}
等于的点击事件
dengyu.onclick = function(){
点击之后开始运算
text.value = eval(text.value);
}
清除的点击事件
nulll.onclick = function(){
点击一下就清除
text.value = null;
}

ok最后我们看一下结果

ffb54f57ef1ce54a62b9717cca96a926.png

哈哈哈 ,可能有点丑,不要介意哈~

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/266255.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

全国计算机等级考试题库二级C操作题100套(第74套)

第74套: 人员的记录由编号和出生年、月、日组成,N名人员的数据已在主函数中存入结构体数组std中。函数fun的功能是:找出指定出生年份的人员,将其数据放在形参k所指的数组中,由主函数输出,同时由函数值返回满足指定条件…

入驻支付宝开放平台并创建应用的基本流程

https://www.csweigou.com/article/1990.html 转载于:https://www.cnblogs.com/DixinFan/p/9519876.html

php判断信用卡,php校验信用卡卡号代码

[php]代码库// This function will take a credit card number and check to make sure it// contains the right amount of digits and uses the Luhn Algorithm to// weed out made up numbersfunction validateCreditcard_number($credit_card_number){// Get the first dig…

浮点数的表示和基本运算 【转载】

1 浮点数的表示通常,我们可以用下面的格式来表示浮点数 SPM其中S是符号位,P是阶码,M是尾数对于IBM-PC而言,单精度浮点数是32位(即4字节)的,双精度浮点数是64位(即8字节)的…

python list长度_python的入门阶段 编程思维100题 我跟罗志祥没关系

"""python的入门阶段 编程思维100题(适合学习了1周--1个月的新人) 第五题:我跟罗志祥没关系 朋友圈大家每天都看,那用python如何实现它那? 很简单,朋友的信息(名字,头…

全国计算机等级考试题库二级C操作题100套(第75套)

第75套&#xff1a; 给定程序中&#xff0c;函数fun的功能是&#xff1a;对形参ss所指字符串数组中的M个字符串按长度由短到长进行排序。ss所指字符串数组中共有M个字符串&#xff0c;且串长<N。请在程序的下划线处填入正确的内容并把下划线删除&#xff0c;使程序得出正确…

php7过滤,PHP7过滤unserialize()

PHP7引入了过滤 unserialize()函数以在反序列化不受信任的数据对象时提供更好的安全性。它可以防止可能的代码注入&#xff0c;使开发人员能够使用序列化白名单类。示例class MyClass1 {public $obj1prop;}class MyClass2 {public $obj2prop;}$obj1 new MyClass1();$obj1->…

windows系统查找文件-通配符的使用

在windows中可以使用通配符“* ”、“? ”查找文件。对于相同字符开头的单词和相同字符结尾的单词可以用“<”和“ >”通配符查找单词。1、如果要查找&#xff1a; 任意单个字符 &#xff1a;键入 ? 例如&#xff0c;s?t 可查找“sat”和“set”……。2、任意字符串 :…

python为什么是动态语言_python为什么是动态语言

首先要理解什么是动态语言&#xff1a;通俗地说&#xff1a;能够在运行时修改自身程序结构的语言&#xff0c;就属于动态语言。那怎样才算是“运行时修改自身程序结构”呢&#xff1f;比如下面这几个例子都算&#xff1a;在运行时给某个类增加成员函数及成员变量&#xff1b;在…

Android ----中文Api 百度地图

Android中文API最新中文版 [复制链接] kupekupe当前离线在线时间1 小时e望0 点最后登录2011-2-17注册时间2011-2-17积分12阅读权限10UID1341171 主题 0 好友 12 积分No.1 开发小菜鸟 No.1 开发小菜鸟, 积分 12, 距离下一级还需 88 积分升级 12% 当前用户组为 No.1 开发小菜鸟 …

全国计算机等级考试题库二级C操作题100套(第76套)

第76套&#xff1a; 给定程序中&#xff0c;函数fun的功能是&#xff1a;计算下式前n项的和作为函数值返回。 例如&#xff0c;当形参n的值为10时&#xff0c;函数返回&#xff1a;-0.204491。请在程序的下划线处填入正确的内容并把下划线删除,使程序得出正确的结 果。 注意&a…

正在启动oracle universal,oracle的常见问题与解决

刚接触oracle,在学习过程中遇到了很多的问题&#xff0c;本文章将会收藏我遇到的问题及如何解决。错误一&#xff1a;ORA-28009:connection as sys should be as sysdba解决方法:用户名称&#xff1a;sys,口令&#xff1a;password,主机字符串:orcl as sysdba(我设置的全局数据…

高性能MySQL(二)

MySQL基准测试 为什么需要benchmark 验证基于系统的假设&#xff0c;确认是否符合实际情况重现系统中的某些异常行为&#xff0c;以解决它们测试系统当前的运行情况&#xff0c;如果不清楚当前性能&#xff0c;就无法确认优化效果模拟比当前系统更高的负载&#xff0c;用于找出…

python的用算法进制转换详解_学习python第五天进制转换

6.进制之间的转换(重要)二进制&#xff1a;满二进一 范围&#xff1a;0、1符号:0b例如&#xff1a;0b10...【注意】计算机只能识别二进制数据八进制&#xff1a;满八进一 范围&#xff1a;0~7符号:0o例如&#xff1a;0o66十进制&#xff1a;满十进一 范围&#xff1a;0~9十六进…

android之多媒体篇(一)

2019独角兽企业重金招聘Python工程师标准>>> Android 4.0.3(Api Level 15&#xff09;支持的多媒体格式。 注意&#xff1a;有些设备可能支持其他的文件格式。 1.Audio AAC LC/LTP、HE-AACv1(AAC)、AMR-NB、AMR-WB、MP3、MIDI、Ogg Vorbis、PCM/WAVE、FLAC&#…

全国计算机等级考试题库二级C操作题100套(第77套)

第77套&#xff1a; 给定程序中&#xff0c;函数fun的功能是&#xff1a;将形参n中&#xff0c;各位上为偶数的数取出&#xff0c;并按原来从高位到低位相反的顺序组成一个新的数&#xff0c;并作为函数值返回。 例如&#xff0c;输入一个整数&#xff1a;27638496&#xff0c…

第二章:用户登录管理模块

本章简介 1.项目分层 2.创建MyHibernateSessionFactory 3.设计用户接口和实现类 4.设计所有Action父类 5.设计用户Action类 6.页面调用 7.完成显示登录成功用户名和注销功能 8.显示报错信息 1.项目分层 实体层&#xff08;模型层&#xff09;&#xff1a;entity包 学生类、用户…

python组合数据分类_Python 数据可视化:分类特征统计图

上一课已经体验到了 Seaborn 相对 Matplotlib 的优势&#xff0c;本课将要介绍的是 Seaborn 对分类数据的统计&#xff0c;也是它的长项。针对分类数据的统计图&#xff0c;可以使用 sns.catplot 绘制&#xff0c;其完整参数如下&#xff1a;seaborn.catplot(xNone, yNone, hue…

MongoDB 主从集群配置

创建必要的目录和认证文件&#xff1a; [rootmongo mongo]# mkdir keyfile [rootmongo mongo]# echo "mongo cluster one" > keyfile/m1[rootmongo mongo]# echo "mongo cluster one" > keyfile/m2[rootmongo mongo]# echo "mongo cluster one&…

linux进程互斥要点,linux进程之间互斥

总所周知&#xff0c;在linux中pthread_mutex_t可以用于同一进程内多个线程之间的同步。我们所需要做的工作&#xff0c;仅仅是定义一个全局的pthread_mutex_t类型变量即可。但是对于进程之间的互斥&#xff0c;就没有那么简单了。我们必须将pthread_mutex_t类型变量放到各个进…