js小效果-简易计算器

<!DOCTYPE html><html><head lang="en">    <meta charset="UTF-8">    <title></title>    <script>        window.οnlοad=function(){            var oTxt1=document.getElementById('txt1');            var oTxt2=document.getElementById('txt2');            var oSl=document.getElementById('sl');            var oBtn=document.getElementById('btn');            oBtn.οnclick=function(){                var a=oTxt1.value;                var b=oTxt2.value;                alert(eval(a+oSl.value+b));            }        }    </script></head><body><input type="text" name="" id="txt1"/><select name="" id="sl">    <option value="+">+</option>    <option value="-">-</option>    <option value="*">*</option>    <option value="/">/</option>    <option value="%">%</option></select><input type="text" name="" id="txt2"/><input type="button" name="" id="btn" value="按钮"/></body></html>

转载于:https://www.cnblogs.com/HUANGRONG888/p/6067306.html

js小效果-简易计算器相关推荐

微信小程序-简易计算器
代码地址如下: http://www.demodashi.com/demo/14210.html 一.前期准备工作软件环境:微信开发者工具官方下载地址:https://mp.weixin.qq.c ...
js 月份间隔计算器_15分钟用JS做一个简易计算器
原标题:15分钟用JS做一个简易计算器前言这个小练手旨在帮助刚上手学习Java的同学练习最基本的Js知识,大神勿喷哈,由于这个是非常简易的计算器,可以完成的功能有加减乘除和AC(清屏),DEL(退 ...
微信小程序--简易计算器
一.项目概述本文主要介绍了微信小程序的一个简易计算器的实现代码实例. 实现的功能有: 实现简单的加减乘除删除全部清空小程序页面目录如下: 计算器页面如下: 二.WXML文件编写首先我们对计算 ...
Android小程序-简易计算器的实现
目标效果: 通过编写代码,可以实现整数和小数的加减乘除运算,以及删除和清空的功能. 1.页面中Button使用的是线性布局,最外边一个是父布局,第一行C,DEL,/,*为第一个子布局,第二行7,8 ...
JS函数实现简易计算器
写一个函数,用户输入任意两个数字的任意算术运算(简单的计算器小功能),并能弹出运算后的结果. var n = prompt('欢迎使用简易计算器\n1.加法计算器\n2.减法计算器\n3.乘法计算器\ ...
js写一个简易计算器
<!DOCTYPE html> <html><head><title> 简易计算器</title><script type=" ...
微信小程序————简易计算器
1.计算器小程序点击页面数字按键可以计算简单的加减乘除数据运算. 2.大概结构页面显示大概逻辑是当点第一次击数字键的时候要有个变量来存储这个点击的数,然后再来个记录点击运算符的变量,等要算的数全 ...
【微信小程序】微信开发小项目+简易计算器+代码
效果图: 2. index.json代码: {"usingComponents": {},"navigationBarBackgroundColor": &qu ...
vue简易计算器小案例09
简易计算器小案例逻辑部分没有完全实现,主要用来练手,加强理解父子组件之间的通信过程. 效果: 简易计算器代码 counter.html <!DOCTYPE html> <html ...

js小效果-简易计算器

js小效果-简易计算器相关推荐

最新文章

热门文章