<script type="text/javascript">
function plus(){
var num1=document.getElementById("text1").value;
var num2=document.getElementById("text2").value;
var result=parseInt(num1)+parseInt(num2);
document.getElementById("text3").value=result;
}
function reduce(){
var num1=document.getElementById("text1").value;
var num2=document.getElementById("text2").value;
var result=parseInt(num1)-parseInt(num2);
document.getElementById("text3").value=result;
}
function ride(){
var num1=document.getElementById("text1").value;
var num2=document.getElementById("text2").value;
var result=parseInt(num1)*parseInt(num2);
document.getElementById("text3").value=result;
}
function divide(){
var num1=document.getElementById("text1").value;
var num2=document.getElementById("text2").value;
var result=parseInt(num1)/parseInt(num2);
document.getElementById("text3").value=result;
}
function reset(){
document.getElementById("text1").value="";
document.getElementById("text2").value="";
document.getElementById("text3").value="";
}
function disptime()
{
var time = new Date( );
var hour = time.getHours( );
var minute = time.getMinutes( );
var second = time.getSeconds( );
if(hour<12){
if(second<10){
second="0"+second;
document.myform.myclock.value ="AM:"+hour+":"+minute+":"+second+" " ;
}
else{
document.myform.myclock.value ="AM:"+hour+":"+minute+":"+second+" " ;
}
}
else{
if(second<10){
second="0"+second;
document.myform.myclock.value ="PM:"+hour+":"+minute+":"+second+" " ;
}
else{
document.myform.myclock.value ="PM:"+hour+":"+minute+":"+second+" " ;
}
}
var myTime = setTimeout("disptime()",1000);
}
function openFirst(){
window.open("adv.html","广告窗口","toolbars=0,location=0,statusbars=0,menubars=0,width=500,height=500,scrollbars=1,top=200,left=600");
}
</script>
</head>
<body onload="openFirst()">
<form name="myform">
<table align="center">
<tr>
<td align="center" colspan="2" id="td1">
计算器
</td>
</tr>
<tr>
<td>输入第一个数字：</td>
<td><input type="text" name="Text1" id="text1"></td>
</tr>
<tr>
<td>输入第二个数字：</td>
<td><input type="text" name="Text2" id="text2"></td>
</tr>
<tr>
<td colspan="2" >
<span> </span><button onclick="plus()"><img src="图片/jia.jpg"></button><span> </span>
<span> </span><button onclick="reduce()"><img src="图片/jian.jpg"></button><span> </span>
<span> </span><button onclick="ride()"><img src="图片/cheng.jpg"></button><span> </span>
<span> </span><button onclick="divide()"><img src="图片/chu.jpg"></button><span> </span>
</td>
</tr>
<tr>
<td >结算结果：</td>
<td><input type="text" name="Txet3" id="text3"></td>
</tr>
<tr>
<td colspan="2" align="center">
<button value="btn" onclick="reset()"><strong>重置</strong></button>
</td>
</tr>
<tr>
<td colspan="2" align="center">
北京时间 <INPUT name="myclock" type="text" value="" size="10" id="text4" ><script type="text/javascript">disptime()</script>
</td>
</tr>
</table>
</form>
</body>
</html>
用JS写了一个小计算器，带时钟和一个载入的弹窗。然后为什么点击计算button结果显示一下就没了。
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
2条回答 默认 最新
Go 旅城通票 2017-07-14 01:07关注button按钮全部添加type="button"属性，要不默认是type="submit"提交按钮，提交表单了，
要么把form标签去掉
<tr> <td colspan="2"> <span> </span><button type="button" onclick="plus()"><img src="图片/jia.jpg"></button><span> </span> <span> </span><button type="button" onclick="reduce()"><img src="图片/jian.jpg"></button><span> </span> <span> </span><button type="button" onclick="ride()"><img src="图片/cheng.jpg"></button><span> </span> <span> </span><button type="button" onclick="divide()"><img src="图片/chu.jpg"></button><span> </span> </td> </tr> <tr> <td>结算结果：</td> <td><input type="text" name="Txet3" id="text3"></td> </tr> <tr> <td colspan="2" align="center"> <button value="btn" type="button" onclick="reset()"><strong>重置</strong></button> </td> </tr>本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报 分享
- 2017-07-13 11:31回答 2 已采纳 button按钮全部添加type="button"属性，要不默认是type="submit"提交按钮，提交表单了， 要么把form标签去掉 ```
- 2022-09-18 15:01回答 1 已采纳 6+5/4-2，对于计算器来说，5/4=1.25，但对计算机来说 5/4=1后面的都是同样问题。因为5/4会被认为是两个整数相除，会进行整除运算，结果也是整数，丢弃小数部分如果计算机代码，应该写成 6
- 2021-06-18 09:27回答 3 已采纳 import java.util.Scanner; public class Test { public static void main(String[] args) { Shape
- 2018-06-25 23:02weixin_30488085的博客 第一部分 Data Structures 基本数据结构 Dictionaries 字典 Priority Queues 堆 Graph Data Structures 图 Set Data Structures 集合 Kd-Trees 线段树 Numerical Problems 数值问题 Solving Linear ...
- 2022-03-28 22:46回答 2 已采纳 calc方法缺缩进，未能被当成Calculator类的方法
- 2015-03-26 10:34回答 4 已采纳 http://blog.csdn.net/xianfajushi/article/details/40684551
- 2021-06-18 09:45回答 3 已采纳 import java.util.Scanner; public class Test { public static void main(String[] args) { Shape
- 2022-07-11 07:35「已注销」的博客 From：https://www.runoob.com/js/js-examples.html JavaScript 和 HTML DOM参考手册(：https://www.runoob.com/jsref/jsref-tutorial.html) 所有内置的JavaScript对象所有浏览器对象所有HTML DOM对象 ...
- 2017-03-14 12:23回答 1 已采纳 http://blog.163.com/light_warm/blog/static/3168104200911298524771/
- 2021-06-17 18:10回答 4 已采纳 #include <stdio.h> #include <stdlib.h> #include <math.h> #define INIT_STRING_SIZE
- 2022-04-11 14:15回答 2 已采纳 class Operation { double m_numberA,m_numberB; public: double GetNumA() {return m_numberA;}
- 2021-08-02 10:36打工人很惨的博客 为什么学习 JavaScript? JavaScript 是 web 开发人员必须学习的 3 门语言中的一门： HTML定义了网页的内容 CSS描述了网页的布局 JavaScript控制了网页的行为 阅读本教程前，您需要了解的知识： 阅读本教程，您...
- 2022-12-12 22:40回答 2 已采纳 因为你在 demo2 中调用 isop 这个函数， 所以 isop 这个函数 的实现 要写在 demo2 函数的前面
- 有两把刷子的博客 前端计算机英语单词，解决文件命名，变量命名头皮发麻，单词超多1700个前端专属单词，css常用命名单词【起名字太烦了全背下来，内卷吧小伙伴大前端时代来临了】
- 2018-07-22 22:03奇迹是执着的人创造的的博客 一.js事件和对象 1.1JavaScript的事件 1.1.1 onclick事件 鼠标单击产生onclick事件,同时onclick指定的事件处理程序或代码将被调用执行 eg: <!DOCTYPE html> <html lang="en"&...
- 没有解决我的问题, 去提问
