在HTML里用JS做个简易计算机

作者&投稿:乐凌 (若有异议请与网页底部的电邮联系)
如何用js做一个简易计算器~

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


js运算



第一个数



运算符号



第二个数



计算结果







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;
}




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

function jiaFun() {var oneValue = document.getElementById('oneTxt').value;var twoValue = document.getElementById('twoTxt').value;document.getElementById('valueTxt').value = parseFloat(oneValue) + parseFloat(twoValue);}function jianFun() {var oneValue = document.getElementById('oneTxt').value;var twoValue = document.getElementById('twoTxt').value;document.getElementById('valueTxt').value = parseFloat(oneValue) - parseFloat(twoValue);}function chengFun() {var oneValue = document.getElementById('oneTxt').value;var twoValue = document.getElementById('twoTxt').value;document.getElementById('valueTxt').value = parseFloat(oneValue) * parseFloat(twoValue);}function chuFun() {var oneValue = document.getElementById('oneTxt').value;var twoValue = document.getElementById('twoTxt').value;document.getElementById('valueTxt').value = parseFloat(oneValue) / parseFloat(twoValue);}第一个数:
第二个数:



计算结果:自己写的哦 有问题欢迎咨询

<HTML>
<style type="text/css">
<!--
.tdp {
padding: 1px 1px 1px 1px;
text-align: center;
}

.btn {
width: 100%;
text-align: center;
font-weight: bold;
}
-->
</style>
<script language="javascript">
var opData1 = 0; // 第一个数
var opData2 = 0; // 第二个数
var opDataString = "0"; // 每按一个数, 就保存在这里
var flag = false; // 存: false, 保存在opData1; true, 保存在opData2;
var opCode = "+"; // 操作(+ - * /)
var dResult = 0; // 结果

// 设置操作数
function setData(){
try{
var op = parseFloat(opDataString);
if( flag == false ){
opData1 = op;
}
else{
opData2 = op;
}
}catch(ex) { OnError(ex.description); }
};

// 设置操作
function setOpCode( op ){
try{
opCode = op;

setData();

flag = true;
opDataString = "0";
}catch(ex){ OnError(ex.description); }
};

// 点击数字
function numClick( n ){
try{
if( flag == true )
opDataString = "0";

opDataString += n;
while( opDataString.substr(0, 1) == "0" ){
opDataString = opDataString.substr(1);
};
if( opDataString == "" )
opDataString = "0";

view.value = opDataString;
}catch(ex){ OnError(ex.description); }
};

// 清空
function reset(){
opData1 = 0;
opData2 = 0;
opDataString = "0";
opCode = "+";
dResult = 0;
flag = false;

view.value = "0";
}

// 计算!
function calcResult(){
try{
if( opCode == "" || !(opCode == "+" || opCode == "-" || opCode == "*" || opCode == "/") )
throw "没有指定操作(+ - * /)";

setData();
//alert( opData1 + ", " + opData2 );
switch( opCode ){
case "+":
dResult = opData1 + opData2;
break;
case "-":
dResult = opData1 - opData2;
break;
case "*":
dResult = opData1 * opData2;
break;
case "/":
if( opData2 == 0 )
throw "被除数为0";

dResult = opData1 / opData2;
break;
};

flag = false;
view.value = dResult;
}catch(ex) { OnError(ex.description); }
};


js如何把html当字符串渲染到页面上
需要准备的材料分别有:电脑、html编辑器、浏览器。1、首先,打开html编辑器,新建html文件,例如:index.html。2、在index.html中的<script>标签,输入js代码:var a = '<input type="text" value="test" \/>';document.body.innerText = a;。3、浏览器运行index.html页面,此时html代码被当成字符...

如果我做好一个JS文件,怎样在HTML里调用它?
<script language="javascript" src="abc.js"><\/script>

在html中怎么用 js收藏网页到收藏夹
需要准备的材料分别有:电脑、html编辑器、浏览器。1、首先,打开html编辑器,新建html文件,例如:index.html。2、在index.html中的<script>标签,输入js代码:window.external.addFavorite(location.href, '我的网站');。3、浏览器运行index.html页面,此时会弹出添加到收藏夹的面板,点击完成即可。

为什么要用js来写html?
相信经常观察大站的朋友都会发现,他们都把CSS写在HMTL页面里,一个页面的或者多个页面的背景图片,都集成到一张图片里,他们有的JS文件,也写到页面里了……也许你会迷惑,现在到处讲页面的优化,不都是要把CSS、JS都独立出来,然后掉用吗?大站这样的做法岂不是不利于SEO?难道他们真的不懂SEO吗?...

为什么js放在html页面中起作用,单独放到js页面调用就不起作用呢?_百度...
js放在html页面中起作用,单独放到js页面调用就不起作用是设置错误造成的,解决方法为:1、新建html文档。2、准备好需要用到的图标。3、书写hmtl代码。<center><a id="J_LinkBuy" class="buy-btn" href="#">立即购买<\/a><\/center>。4、书写css代码。body { height: 3000px; margin: 0; ...

求助:HTML点击按钮调用JS文件或者直接调用JS代码?
如下参考:1.将这段代码保存到一个文件中,如下图所示。2.请注意,您可以使用任何文本工具创建js文件,但是在保存它时,您需要将其后缀为.js。3.将版本js文件保存为index.js。如果我们需要使用index。js。我们只需要调用它,不需要写一个新的js文件。4.在HTML的头部部分引入js文件,具体代码如下图...

js调用html文件?
科普:JS一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。怎么在js里调用html里的事件代码?JS在页面中插入...

在html网页中使用js插入另一个html的代码?js代码怎么写啊?
1:如果你要把abc.html全部加载进来,css,javascript都加载进来的话,那老老实实使用frame框架吧 2:如果只是加载某个结构。可以使用jquery.js插件中的 ("#feeds").load("feeds.html");可能第二步也是可以整个页面都加载进来的,不妨试一下。

在html中如何用js获取一个另一个页面的value
var user = '<?php echo $user;?>';<\/script> 只要把这段代码加到合适的位置,user就具有值了。2, 也可以jsp把状态写到cookie里,然后js读cookie,但这种方法只适合一般的状态 总结:一般的数据,比如某某信息,某某数组啥的都是第一种方法拍的,只有某些状态,比如登录状态,签到状态啥的才用...

html的table标签用js做合并单元格操作
为什么要用js呢?table本身就有合并单元格的功能,其实如果你用js也是给table添加对应的样式。具体代码如下:<style>table{ border-collapse:collapse;}table td{ border:2px solid #ddd; width:50px; height:25px; text-align:center}<\/style><table> <tr> <td colspan="2">123<\/td> \/\/...

尚志市15616543692: 在HTML里用JS做个简易计算机 -
释真积雪: <HTML><br><style type="text/css"><br><!--<br> .tdp {<br> padding: 1px 1px 1px 1px;<br> text-align: center;<br> }<br><br> .btn {<br> width: 100%;<br> text-align: center;<br> font-weight: bold;<br> }<br>--><br></style><br><script language="...

尚志市15616543692: 在HTML里用JS做个简易计算机
释真积雪: <HTML> <style type="text/css"> <!-- .tdp { padding: 1px 1px 1px 1px; text-align: center; } .btn { width: 100%; text-align: center; font-weight: bold; } --> </style> <script language="javascript"> var opData1 = 0; // 第一个数 var opData2 = 0; // 第...

尚志市15616543692: 如何用下面的html结合js做出一个简单的计算器
释真积雪:<!DOCTYPE html> <html> <head> <title>计算器</title> <script type="text/javascript"> function count(){ var res=0; var firnum = parseInt(document.getElementById("txt1").value); var secnum = parseInt(document.getElementById("txt2").value); ...

尚志市15616543692: 用javascript做一个简单的计算器?
释真积雪: <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"...

尚志市15616543692: 怎样用JavaScript编译简易计算器??
释真积雪: <html><head> <title>计算器</title> <script language="JavaScript"> function Caculate() { var a=parseInt(document.f1.t1.value); var b=parseInt(document.f1.t2.value); var s; for(var i=0;i<4;i++) { if(document.f1.r[i].checked==true) { if(i==0) { s=a+b; ...

尚志市15616543692: 使用JS做个简单的计算器,效果入图 -
释真积雪: <!DOCTYPE html><br><html><br> <head><br> <meta charset="UTF-8"><br> <title>计算器</title><br> <script type="text/javascript" src = "tool.js"></script><br> <script type="text/javascript"><br> //计算器<br> var array = new Array;<br> ...

尚志市15616543692: javascript 实现简单计算器功能 急!! -
释真积雪: <HTML> <script> function cas(){ var a=document.getElementById("first").value; var b=document.getElementById("sercond").value; if(document.kfc.sign.value=="a"){ document.kfc.result.value=parseInt(a)+parseInt(b); } if(document.kfc.sign....

尚志市15616543692: Javascript实现计算器(简单)结果出不来.高手帮帮小菜吧 -
释真积雪: 你怎么喜欢按一些大写呀,不嫌麻烦吗~ 修改正确的程序如下:<html> <head> <title>计算器</title> <script language="JavaScript"> function compute(op) { var num1,num2; num1=parseFloat(document.myform.num1.value); num2=parseFloat(...

尚志市15616543692: 如何一个用 JavaScript 实现的简陋的计算器 -
释真积雪: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <script type="text/javascript">function nuli(x) { var num1 = Number(document.getElementsByName('num1')[0].value); var ...

尚志市15616543692: 如何用js做计算机? -
释真积雪: 我有一个js计算器的简单代码<br><br><html><br> <head><br> <script language="javascript"><br><br> var among = 0;<br> var oper = "+";<br><br> function cal(obj) {<br><br> var press = obj.value; //得到所按键的信息<br> var result = document....

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网