js计算器代码怎么写,通过弹窗显示

JavaScript012

js计算器代码怎么写,通过弹窗显示,第1张

js计算器代码,通过弹窗显示步骤如下。

1、js计算器代码编写html,实现计算器页面视图效果。

2、js计算器代码编写,实现点击输入数字和符号输出结果。

3、js计算器代码创建click1函数,判断flag的值,如果是true就定位到第一个输入框,如果是false就定位到第二个输入框,将点击传过来的值与输入框里面的字符串拼接到一起。

4、js计算器代码定义result函数,定位到两个输入框,取出其中的值并转成整数,定位到隐藏输入框,取出里面的符号,然后判断是什么符号,进行相应的运算,弹出运算结果。

<!DOCTYPE html>

<html>

  <head>

<meta http-equiv="Content-Type" content="text/html charset=UTF-8">

<title>

RunJS 演示代码

</title>

<script>

onload=function(){

var reg = /^\d{4}(\-\d{2}){2}$/, reg2 = /[^\d]+/g

btn.onclick = function(){

var d1 = start.value, d2 = end.value

if(!reg.test(d1) || !reg.test(d2)){

alert("输入日期格式必须为 yyyy-mm-dd")

}

else{

var g1 = new Date(d1.replace(reg2,'/'))

var g2 = new Date(d2.replace(reg2,'/'))

if(g2 < g1){

alert("结束日期不能早于开始日期")

}

else{

var gap = Math.floor((g2-g1)/1000/60/60/24) - 1

result.innerHTML = d1 + " 至 " + d2 + " 之间共 " + gap + "天"

}

}

}

}

</script>

  </head>

<body>

开始日期:

<input type="text" id="start" />

<br / >

结束日期:

<input type="text" id="end" />

<br / >

<button id="btn">

计算

</button>

<br / >

<br / >

结果:

<div id="result">

</div>

  </body>

</html>

js做一个简易计算器具体如下:

<html>

<head>

<title>js运算</title>

<boby>

<table>

<tr>

<td>第一个数</td>

<td><input type="text" id="onesum"></td>

</tr>

<tr>

<td>运算符号</td>

<td><input type="text" id="fh"></td>

</tr>

<tr>

<td>第二个数</td>

<td><input type="text" id="twosum"></td>

</tr>

<tr>

<td>计算结果</td>

<td><input type="text" id="sum"></td>

</tr>

<tr>

<td colspan="2"><input type="button" value="   计算   " onclick="js()"></td>

</tr>

<table>

<script>

function js(){

var num1=document.getElementById("onesum").value

var num2=document.getElementById("twosum").value

var fh=document.getElementById("fh").value

var sum=0

nu

m1=Number(num1)

num2=Number(num2)

if(fh=='+')

{

sum=num1+num2

}

else if(fh=='-')

{

sum=num1-num2

}else if(fh=='*')

{

sum=num1*num2

}else if(fh=='/')

{

sum=num1/num2

}

//alert(sum)

document.getElementById("sum").value=sum

}

</script>

</boby>

</html>

JavaScript 教程 JavaScript 是属于网络的脚本语言! JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies,以及更多的应用。