利用JavaScript制作一个简易计算器

拼搏现实的明天。 2022-05-13 22:35 347阅读 0赞

在学习javascript过程中，利用了标签和标签，制作了一个简单的计算器。

function jia(){
var n1 =document.getElementById(“one”).value;
var n2 =document.getElementById(“two”).value;
var n3=Number(n2)+Number(n1);
// document.write(n3);
document.getElementById(“three”).value=n3;
}
function jian(){
var n1 =document.getElementById(“one”).value;
var n2 =document.getElementById(“two”).value;
var n3=n1-n2;
// document.write(n3);
document.getElementById(“three”).value=n3;
}
function cheng(){
var n1 =document.getElementById(“one”).value;
var n2 =document.getElementById(“two”).value;
var n3=n1*n2;
// document.write(n3);
document.getElementById(“three”).value=n3;
}
function chu(){
var n1 =document.getElementById(“one”).value;
var n2 =document.getElementById(“two”).value;
var n3=n1/n2;
// document.write(n3);
document.getElementById(“three”).value=n3;
} 

  1. 第一个数：<input id="one" type="text" /><br />
  2.     <br />
  3.     第二个数：<input id="two" type="text" /><br />
  4.     <br /><br />
  5.     <input type="button" onclick="jia()" value="加"/>
  6.     <input type="button" onclick="jian()" value="减"/>
  7.     <input type="button" onclick="cheng()" value="乘"/>
  8.     <input type="button" onclick="chu()" value="除"/>
  9.     <br />
  10.     <br />
  11.     <br />
  12.        结果：<input id="three" />     
  15. </body>

End。。。。

发表评论

表情：
评论列表 （有 0 条评论，347人围观）

还没有评论，来说两句吧...

相关阅读