爱站程序员基地本文实例为大家分享了JavaScript实现加法计算器的具体代码，供大家参考，具体内容如下
具体要求：
1.页面布局:
2.还需要在点击计算按钮之后在页面上显示计算结果
具体实现：
<html><head><meta charset=\"utf-8\"><title>计算器</title><script>function myck(type){var num1 = document.getElementById(\"num1\");var num2 = document.getElementById(\"num2\");if(type==1){// 计算操作var result = parseInt(num1.value) + parseInt(num2.value);alert(result);document.getElementById(\"resultDiv\").innerText =\"最终计算结果：\"+result;}else if(type==2){if(confirm(\"是否正确清空？\")){// 清空num1.value = \"\";num2.value = \"\";document.getElementById(\"resultDiv\").innerText=\"\";}}}</script></head><body><div style=\"margin-top: 100px;margin-left: 500px;\"><span style=\"font-size: 60px;\">加法计算器</span></div><div><div class=\"innerDiv\" style=\"margin-left: 550px;\">数字1：<input id=\"num1\" type=\"number\" placeholder=\"请输入数字1\"></div></div><div><div class=\"innerDiv\" style=\"margin-left: 550px;\">数字2：<input id=\"num2\" type=\"number\" placeholder=\"请输入数字2\"></div></div><div><div style=\"margin-left: 600px;\" class=\"innerDiv\"><input type=\"button\" onclick=\"myck(1)\" value=\"计 算\"><input type=\"button\" onclick=\"myck(2)\" value=\"清 空\"></div></div><div id=\"resultDiv\"></div></body><style>.innerDiv{margin-left: 420px;margin-top: 20px;}</style></html>
以上就是本文的全部内容，希望对大家的学习有所帮助
您可能感兴趣的文章:
- javascript写的简单的计算器，内容很多，方法实用，推荐
- 简易js代码实现计算器操作
- js实现简单计算器
- html+js实现简单的计算器代码(加减乘除)
- 用JS写的简单的计算器实现代码
- javascript-简单的计算器实现步骤分解(附图)
- 纯javascript代码实现计算器功能(三种方法)
- js实现一个简易计算器
- 网页计算器 一个JS计算器
- js网页版计算器的简单实现
