菜鸟急求帮助！！

come4520 2009-06-22 08:58:08

数字 + 数字 = 结果
-
*
/
要求使用onchange onclick form实现。小弟嘴拙，希望写的还清楚！

...全文

24 7 打赏收藏转发到动态举报

写回复

用AI写文章

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

come4520 2009-06-22

打赏
举报

谢谢了！不过上面的写法太复杂了，有没有容易看得懂的function部分

prototyper 2009-06-22

打赏
举报

楼上的v1||v2为空，resultValue is NaN......

hookee 2009-06-22

打赏
举报



<SCRIPT> 

function cal(){

    var v1 = document.forms[0].v1.value;

    var v2 = document.forms[0].v2.value;

    if(isNaN(v1)) {v1 = 0;document.forms[0].v1.value=v1}

    if(isNaN(v2)) {v2 = 0;document.forms[0].v2.value=v2}

    var op = document.forms[0].op.options[document.forms[0].op.selectedIndex].value;

    if(op=="/") if(v2==0) {v2=1;document.forms[0].v2.value=v2}

    v1 = parseFloat(v1);

    v2 = parseFloat(v2);

    var re = eval(v1+op+v2);

    re = Math.round(re*10000)/10000;

    document.forms[0].result.value = re;

}

</SCRIPT> 

<form>

<input type="text" name="v1" onchange="cal()">

<select name="op" onchange="cal()">

    <option value="+">+</option>

    <option value="-">-</option>

    <option value="*">*</option>

    <option value="/">/</option>

</select>

<input type="text" name="v2" onchange="cal()" > =

<input type="text" name="result" readonly="readonly">



<input type="button" value="计算" onclick="cal()">

</form>

come4520 2009-06-22

打赏
举报

楼上大师的能不能价格=号，最终用onclick实现，谢谢

hookee 2009-06-22

打赏
举报



<SCRIPT> 

function cal(){

	var v1 = document.forms[0].v1.value;

	var v2 = document.forms[0].v2.value;

	if(isNaN(v1)) {v1 = 0;document.forms[0].v1.value=v1}

	if(isNaN(v2)) {v2 = 0;document.forms[0].v2.value=v2}

	var op = document.forms[0].op.options[document.forms[0].op.selectedIndex].value;

	if(op=="/") if(v2==0) {v2=1;document.forms[0].v2.value=v2}

	v1 = parseFloat(v1);

	v2 = parseFloat(v2);

	var re = eval(v1+op+v2);

	re = Math.round(re*10000)/10000;

	document.forms[0].result.value = re;

}

</SCRIPT> 

<form>

<input type="text" name="v1" onchange="cal()">

<select name="op" onchange="cal()">

	<option value="+">+</option>

	<option value="-">-</option>

	<option value="*">*</option>

	<option value="/">/</option>

</select>

<input type="text" name="v2" onchange="cal()" >

<input type="text" name="result" readonly="readonly">





</form>

come4520 2009-06-22

打赏
举报

加减乘除是同options实现

niuxinlong 2009-06-22

打赏
举报

<html>
<script type="text/javascript">

function add()
{
var value1 = document.getElementById("math1").value;
var value2 = document.getElementById("math2").value;
document.getElementById("result").value = parseFloat(parseFloat(value1)+parseFloat(value2));
}
function jian()
{

var value1 = document.getElementById("math1").value;
var value2 = document.getElementById("math2").value;
document.getElementById("result").value = parseFloat(value1)-parseFloat(value2);
}
function chen()
{

var value1 = document.getElementById("math1").value;
var value2 = document.getElementById("math2").value;
document.getElementById("result").value = parseFloat(value1)*parseFloat(value2);
}
function chu()
{

var value1 = document.getElementById("math1").value;
var value2 = document.getElementById("math2").value;
if(value2==0)
{
alert("0不能作为除数");
return false;
}
document.getElementById("result").value = parseFloat(value1)/parseFloat(value2);
}
</script>
<head></head>
<body>
<input name="math1" id="math1"></input>
<input type="button" id="button1" value="+" onclick="add()"></input>
<input type="button" id="button2" value="-" onclick="jian()"></input>
<input type="button" id="button3" value="x" onclick="chen()"></input>
<input type="button" id="button4" value="/" onclick="chu()"></input>
<input name="math2" id="math2"></input>
<input name="result" id="result">
</body>
</html>

简单写了个，lz看看

本套课程，大喵将带着大家手把手从 0 到 1，从菜鸟零基础到熟练掌握，使用 Web Components 基于原生的新前端组件技术，用有趣的堆积木的方式，开发实战一个带动画交互的组件式移动端 WEB 应用。组件式开发是前端发展的方向，现在流行的 React 和 Vue 都是组件框架。如果你不想调用任何的JS框架，却想要基于原生组件式开发，独立封装JS、HTML、CSS内容，而且想要一次编写，到处使用呢？答案那就是 Web Components，我们一起去看看是什么吧！什么是 web components ？Web Components 是允许我们创建可重用的定制元素（即组件）的一种技术，可以在你喜欢的任何地方重用，不必担心代码冲突，本质就是组件化。由于web components是由w3c组织去推动的，因此它在不久的将来一定成为浏览器的一个标配组件化技术让大家能够快速短时间内掌握这门 Web Components 原生组件化技术，下面的移动端应用就是我们要基于原生组件实现的移动端 WEB 应用，一起来安利一波儿吧 ~~

今日偶然翻到，感慨万千 1：申述：版主，是否扣了我的专家分？ 2：100分急求，随机输出十个小写字母，但是，要求这十个字母不相同 3：求Sn=a+aa+aaa+…+aaa…a（n个a）之值 4：数组题望高手帮忙！ 5：呵呵，来推荐一下我的网站，本站提供大量当今流行的免费的音乐和免费电影，常用软件、游戏、精美图库下载,希望对网友有帮助!顺便散分! 6：VBA请教怎

word插入页码出错关于mscomm串口通信文字显示问题如何让RichTextBox接收图片以外的数据请问如何检测版本是否需要升级。如何使用VB6 更改系统服务类型？ ResolveIpNetEntry2如何使用 vb中的数字采用ado方式写入到excel后变成字符串类型了 VB调用matlab编译的DLL出现自动化错误回车焦点下移并选中急求...

java日期插入oracl出錯????﹗﹗﹗﹗﹗?????? 请大家介绍一下通过java认证的名称、准备时间和最后得分。。。 Java开源软件六大帮派（转） Iphone赚钱热潮引起我对手机开发方向的深入思考！东软Java资料为自己充电——java语言学习工廠方法關于網頁搜索这该怎么处理 java 調用C# webservice 我想请问下一个关...

√vs2005调用dll的时候Initialize()函数返回错误 [VC/MFC 基础类] 40 ylongwu 05-21 20:486 ylongwu06-28 13:42管理√为什么我创建登陆框之后，然后获取登陆框的数据时候总是出现非法操作！ [VC/MFC 界面] 40 chencheng8095 05-23 00:2911 xianglitian06-10 11:51管理√CFileFind::FindFile 支持通配符么？ [VC/MFC 基础类] 100 wysbk002 05-22