js计算器小程序

最新推荐文章于 2023-03-03 20:10:41 发布

小小时代好可爱

最新推荐文章于 2023-03-03 20:10:41 发布

阅读量889

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/lonlylove/article/details/36932829

版权

javascript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
input{ text-align:center }
div
</style>
<script>
function t1t2value(){

if(document.getElementById("text1").value=="") alert("请输入第一个数");
else if(document.getElementById("text2").value=="") alert("请输入第二个数");

else{
t1=document.getElementById("text1").value;
t2=document.getElementById("text2").value;
}

//document.writeln(t1);
//document.writeln(t2);
}
function add(){
t1t2value();

document.getElementById("text3").value=Number(t1)+Number(t2);

}
function rm(){
t1t2value();
document.getElementById("text3").value=Number(t1)-Number(t2);
}
function multi(){
t1t2value();
document.getElementById("text3").value=Number(t1)*Number(t2);
}
function demulti(){
t1t2value();
if(t2==0) {alert("除数不可以为零");document.getElementById("text2").value="";}
else
document.getElementById("text3").value=Number(t1)/Number(t2);
}
</script>
</head>

<body>
<form><img src="jisuanbg.jpg"><br />
第一个数：<input type="text" id="text1"/><br />
第二个数：<input type="text" id="text2"/><br />
<input type="button" οnclick="add()" value="+"/>
<input type="button" οnclick="rm()" value="-"/>
<input type="button" οnclick="multi()" value="*"/>
<input type="button" οnclick="demulti()" value="/"/><br />
结果：<input type="text" id="text3"/>
</form>
</body>
</html>

小小时代好可爱

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js计算器小程序

无标题文档input{ text-align:center }divfunction t1t2value(){if(document.getElementById("text1").value=="") alert("请输入第一个数"); else if(document.getElementById("text2").value=="") alert
复制链接

扫一扫