js一个计算公式,计算多组数据并分别输出结果。怎么能实现

js一个计算公式,计算多组数据并分别输出结果。怎么能实现,第1张

let 公式=(b,c,d)=>

{

return b+c+d;

};

let a;

a=公式(1,2,3);

consolelog(a);

a=公式(4,5,6);

consolelog(a);

a=公式(7,8,9);

consolelog(a);

运行如图:

js是一个弱数据类型的语言,input框中获取的值全部为字符串类型,另外js里边还有一种类型叫做number类型,你如果要进行数字之间的加减,必须将字符类型转换为number类型,

如果是整型,就用:

var a=parseInt(formavalue,10);

var b=parseInt(formbvalue,10);

var c=parseInt(formcvalue,10);

就是将字符类型转换成10进制的int类型。希望采纳。

- -!keyup是键盘上的按键d起的事件,你写这个干啥,而且你这个$(this)指向的全都是$("d")这同一个元素。如果你想点击键盘按键的时候进行计算,那也得先看一下按键编码,一般都是按enter键的时候计算,如果你要用的话就要麻烦一点,先用这个函数看看enter的按键编码是多少:

documentonkeyup = function (e) {

consolelog(ekeyCode);

}

得出enter的按键编码是13;

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Document</title>

</head>

<body>

<input type="text">+

<input type="text">+

<input type="text">/3+

<input type="text">

<button>=</button>

<input type="text">

<script type="text/javascript">

//通过标签名获取按钮,button就是一个按钮,在页面上显示的样子就是一个按钮,不是键盘上的按键。

var res = documentgetElementsByClassName("result")[0];

//按键盘上的按钮d起时,触发事件,{}中写的就是触发的内容。

documentonkeyup = function(e) {

//e就是event,按下按钮的时候会触发事件,这个事件有很多的属性,比如type为keyup,key为enter等等等等;判断这个按下的键的编码为13,也就是enter的编码的时候,执行计算。

if (e && ekeyCode == 13) {

//documentgetElementsByClassName("a")是通过类名获取元素;[0]是因为通过类获取到的是一个集合或者说是数组,尽管有这个类名的只有一个元素,但是一样要加上[0],这写法就是数组的写法;value是获取这个文本框的值,-0是因为value获取到的是字符串,-0是转换成数字。

var a = documentgetElementsByClassName("a")[0]value - 0;

var b = documentgetElementsByClassName("b")[0]value - 0;

var c = documentgetElementsByClassName("c")[0]value - 0;

var d = documentgetElementsByClassName("d")[0]value - 0;

var result = (a + b + c) / 3 + d;

resvalue = result;

} }

</script>

</body>

</html>

直接用鼠标点击在页面上的按钮的写法就是:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Document</title>

</head>

<body>

<input type="text">+

<input type="text">+

<input type="text">/3+

<input type="text">

<button>=</button>

<input type="text">

<script type="text/javascript">

//通过标签名获取按钮,button就是一个按钮,在页面上显示的样子就是一个按钮,不是键盘上的按键。

var btn = documentgetElementsByTagName("button")[0];

var res = documentgetElementsByClassName("result")[0];

//点击按钮,触发事件,{}中写的就是触发的内容。

btnonclick = function() {

//documentgetElementsByClassName("a")是通过类名获取元素;[0]是因为通过类获取到的是一个集合或者说是数组,尽管有这个类名的只有一个元素,但是一样要加上[0],这写法就是数组的写法;value是获取这个文本框的值,-0是因为value获取到的是字符串,-0是转换成数字。

var a = documentgetElementsByClassName("a")[0]value - 0;

var b = documentgetElementsByClassName("b")[0]value - 0;

var c = documentgetElementsByClassName("c")[0]value - 0;

var d = documentgetElementsByClassName("d")[0]value - 0;

var result = (a + b + c) / 3 + d;

resvalue = result;

}

</script>

</body>

</html>

<SCRIPT>

function c(){

var A=documentgetElementById("A")value;

var B=documentgetElementById("B")value;

var E=documentgetElementById("E")value;

var G=documentgetElementById("G")value;

var F=documentgetElementById("F");

Fvalue=Number(A)+Number(B)-Number(E)-Number(G);

}

function changeA(){

var v=22;

documentgetElementById("A")value=v;

}

</SCRIPT>

<input name="A" id="A" maxlength="5" value="0" onpropertychange="c()" onfocus="thisselect()" />

<input name="B" id="B" maxlength="5" value="0" onpropertychange="c()" onfocus="thisselect()"/>

<input name="E" id="E" maxlength="5" value="1" readonly="readonly"/>

<input name="G" id="G" maxlength="5" value="2" readonly="readonly"/>

<input name="F" id="F" value="0" readonly="readonly" />

<a href="javascript:void(0)" onclick="changeA()">程序改变A的值</a>

<!--初始计算下面代码放在页面末尾,或者 <body onload="c()">-->

<script>

c()

</script>

-------备注

onpropertychange 支持IE,火狐并不支持

所以最好使用onkeyup替代他,当然changeA()中要加入调用c();

你怎么喜欢按一些大写呀,不嫌麻烦吗~

修改正确的程序如下:

<html>

<head>

<title>计算器</title>

<script language="JavaScript">

function compute(op)

{

var num1,num2;

num1=parseFloat(documentmyformnum1value);

num2=parseFloat(documentmyformnum2value);

if(op=="+")documentmyformresultvalue=num1+num2;

if(op=="-")documentmyformresultvalue=num1-num2;

if(op=="")documentmyformresultvalue=num1num2;

if(op=="/"&&num2!=0)documentmyformresultvalue=num1/num2;

}

</script>

</head>

<body>

<form action=" " method="post" name="myform" id="myform">

<p>第一个数

<input name="num1" type="text" id="num1" size="25">

<br>

第二个数

<input name="num2" type="text" id="num2" size="25">

</p>

<p>

<input name="addButton" type="button" id="addButton" value=" + " onClick="compute('+')">

<input name="subButton" type="button" id="subButton" value=" - " onClick="compute('-')">

<input name="mulButton" type="button" id="mulButton" value=" " onClick="compute('')">

<input name="divButton" type="button" id="divButton" value=" / " onClick="compute('/')">

</p>

<p>计算结果

<input name="result" type="text" id="result" size="25">

</p>

</form>

<p> </p>

</body>

</html>

<html>

<head>

<meta >

以上就是关于js一个计算公式,计算多组数据并分别输出结果。怎么能实现全部的内容,包括:js一个计算公式,计算多组数据并分别输出结果。怎么能实现、js从文本框中获取数值用来计算时,相加结果为字符串、js怎么获取文本框的值然后运算等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9651364.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-30
下一篇2023-04-30

发表评论

登录后才能评论

评论列表(0条)

    保存