如何使用javascript做一个计算器,用javascript做计算器
本文操作环境:窗口10系统、javascript 1.8.5、thinkpad t480电脑。
想必大家在学习编程语言的过程中都曾写过计算器功能,比如使用php、java、python等语言。那么你有没有使用过爪哇岛描述语言实现过计算器功能呢?其实原理都是一样的,让我们一起来看看吧!
超文本标记语言代码:
!声明文档类型
超文本标记语言
头
titlejs计算器/标题
link rel=样式表 type= text/CSS href= index。 CSS
脚本类型= text/JavaScript src= index。js
/脚本
/头
body onload=init()
!- 1个文本框10个数字.20个按钮-
div id=div1
表单操作=
div id=div2
输入类型= text name= num disabled= disabled id= num value= 0
/div
/表单
div id=div3
输入类型= button name= value= C id= Baidu
输入类型=button name= value= id=
输入类型=按钮名称= 值= /- id=
输入类型=按钮名称= 值=/ id=
输入类型=按钮名称= 值=7 id=
输入类型=button name= value=8 id=
输入类型=button name= value=9 id=
输入类型=按钮名称= 值=* id=
输入类型=按钮名称= 值=4 id=
输入类型=button name= value=5 id=
输入类型=按钮名称= 值=6 id=
输入类型=按钮名称= 值=- id=
输入类型=按钮名称= 值=1 id=
输入类型=按钮名称= 值=2 id=
输入类型=按钮名称= 值=3 id=
输入类型=按钮名称= 值= id=
输入类型=button name= value=0 id=
输入类型=按钮名称= 值== id=
输入类型=按钮名称= 值=。id=
输入类型=按钮名称= 值=AC id=
/div
/div
/body
/html`JS代码:
函数init(){
var num=文档。getelementbyid( num );
数值=0;
变量btn _ num1
var fh
num.disabled=已禁用
//var n1=文档。getelementbyid( n1 );
//n1 .on click=function(){
//}
var oButton=文档。getelementsbytagname(“input”);
for(var I=0;ioButton.lengthi ){
按钮[我].onclick=function(){
if(isnumber(this.value)){
//num。值=(数字。重视这个。值)* 1;//把默认0消除
if(isNull(num.value)){
数值=this .值
}否则{
数字值=数字值这个值
}
}否则{
//测试功能是否正确
//alert(bushishuzi )
var btn _ num=this.value
//测试功能是否正确(弹窗)
//alert(BTN _数字);
开关(btn_num){
案例"":
//alert(11);
BTN _ num 1=num . value * 1//=parse int(数值)这个也可以,后面的话需要改为数字
数值=0;
FH=
打破;
大小写-:
btn _ num1=数值* 1
数值=0;
FH=-;
打破;
大小写 * :
btn _ num1=数值* 1
数值=0;
fh= *
打破;
案例"/":
btn _ num1=数值* 1
数值=0;
FH=/;
打破;
案例".":
数字值=十进制数字(数值);
打破;
案例:
num.value=返回(数值);
打破;
案例/-:
数字值=符号(数字值);
打破;
案例“交流”:
计算器value=" 0
打破;
案例“C”:
init _百度();
打破;
大小写"=":
开关(fh){
案例"":
数字值=btn_num1数字值* 1;
打破;
大小写-:
数量值=BTN编号1-数量值* 1;
打破;
大小写 * :
数量值=btn _ num1 *数量值* 1;
打破;
案例"/":
if(num.value==0){
数值=0;
警报(除数不能为0);
}否则{
数量值=BTN编号1/数量值* 1;
}
打破;
}
打破;
}
}
}
}
}
//小数点的功能
函数十二月号(n){
if(n.indexOf( . )))==-1){
n=n“”;
}
返回n;
}
//验证文本框是否为空或者为0
函数为空值
if(n*1==0n.length==0){
返回真实的
}否则{
返回错误的
}
}
//退位键
函数后退(n){
n=n.substr(0,n . length-1);
if(isNull(n)){
n=" 0
}
返回n;
}
//正负号/-
功能符号(n){
if(n.indexOf(-)==-1){
n=- n;
}否则{
n=n.substr(1,n . length);
}
返回n;
}
//isNaN:不能转换成数字:真的,可以转换成数字是错误的
函数是数字(n){
回归!伊斯南(北);
}
//C按钮使用一个超级链接,链接到百度,这个可以随便发挥
函数init_baidu(){
窗户。位置。href= http://www。百度一下。com’;
}CSS代码:
*{
边距:0px
填充:0px
}
部门{
宽度:170像素
}
#div1{
顶配:60px
左:100像素
位置:绝对;
}
输入[type=button]{
宽度:30px
右边距:5px
}
input[type=text]{
宽度:147像素
文本对齐:右对齐;
背景色:白色;
边框:1px纯色;
填充-右:1px
盒子大小:内容盒;
}
input[type= button ]:hover {/*//伪类和按钮的使用*/
背景色:白色;
边框:1px纯色;
}推荐学习:javascript视频教程以上就是如何用爪哇岛描述语言实现计算器功能的详细内容,更多请关注我们其它相关文章!
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。