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

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

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

之后我们去设置样式，设置完去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最后我们看一下结果

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

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

animation基础练习源码_用vue简单写一个音乐播放组件「附源码」
作者:vipbic 转发链接:https://segmentfault.com/a/1190000022980992 前言上次小编也分享一个关于Vue 开发过音乐播放对项目: 基于 electron ...
如何用python做计算软件_如何用Python写一个计算器软件附带效果图
1 import tkinter #导入tkinter模块 2 3 root =tkinter.Tk()4 root.minsize(280,500)5 root.title('李蛟龙的计算器')6 ...
网页中用PHP设计一个计算器,用PHP写一个计算器（附完整代码）_后端开发
PHP作用域和文件夹操作示例_后端开发 php中的作用域有:变量作用域.静态变量.匿名函数use,函数内部不能访问函数外部的变量,但在匿名函数中,可以通过use将外部变量引入匿名函数中. 本篇文章介绍 ...
js input点击事件_Vue.js的旅程，简单的todo实例「602」
对vue没有一丝了解的朋友可以看我的文章601Vue.js的旅程,初步认识Vue.js「601」. 这回我们做一个网上很多练习用的todo实例. 更多文章请关注我的头条号. 一.我们开始吧,先链接vu ...
jquery父元素和子元素点击事件传递问题_不可把父元素的事件传递给子元素_事件无限循环传递...
前述:jquery中: 当一个元素的点击事件被触发时,会自动将该事件向父级元素逐级专递. 但是实际场景当中,我们可能会遇到需要在父级元素中定义点击事件,来触发特定子元素的点击事件,我就遇到了这么一个问 ...
ajax点击事件无法触发,解决jQuery Ajax动态新增节点无法触发点击事件的问题_婳祎_前端开发者...
在写ajax加载数据的时候发现,后面添加进来的demo节点元素,失去了之前的点击事件.为什么点击事件失效,我们该怎么去解决呢? 其实最简单的方法就是直接在标签中写οnclick="" ...
按钮点击事件的实现方式---原生js
这个部分主要来讲解一下按钮点击事件的集中js的实现方式: 方法一: <!DOCTYPE html> <html> <head lang="en"> ...
自动点击屏幕脚本代码_原来这么简单，一分钟学会引流脚本
前言前段时间偶然在朋友圈看见了一段自动化引流的视频,感觉特别溜,于是决定下来琢磨一下.发现原来实现起来特别简单,下面和大家分享一下,如何徒手写一个自动化引流脚本.下面图文虽然多,但都非常简单. 项目 ...
java编写一个框架_手把手教你写一个基于 RxJava 的扩展框架
背景现在 RxJava 在 Android 开发中可谓时炽手可热,其受欢迎程度不言而喻,也因此在 github 上出现了一系列的基于 RxJava 的框架,如 RxBinding.RxPermiss ...

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

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

最新文章

热门文章