javaScript实现

您所在的位置:网站首页 html如何在文本框内显示提示信息 javaScript实现

javaScript实现

2024-02-11 02:20| 来源: 网络整理| 查看: 265

在两个文本框中输入值计算加减乘除法结果显示在另一个文本框中。 在这里插入图片描述

方法一:用if - else

Document + - * / = //取下拉框的选中项的value function sum() { var one = document.getElementById("n1"); var two = document.getElementById("n2"); var three = document.getElementById("n3"); //判断传入的符号 if(flag.value == '+'){ three.value= parseInt(one.value)+parseInt(two.value);//将计算的结果显示在另一个文本框内 }else if(flag.value == '-'){ three.value= parseInt(one.value)-parseInt(two.value); }else if(flag.value == '*'){ three.value= parseInt(one.value)*parseInt(two.value); }else if(flag.value == '/'){ if(two.value==0){ alert("除数不能为0!!!"); }else{ three.value= parseInt(one.value)/parseInt(two.value); } } }

方法二:动态的获取

用文本框输入数字计算加减乘除法结果显示在另一个文本框 + - * / = //取下拉框的选中项的value function test(){ //取输出的值 var n1 = document.getElementById("n1").value; var n2 = document.getElementById("n2").value; //取下拉框架选中的value var flag = document.getElementById("flag").value; var result = "var a = parseInt(n1);var b = parseInt(n2); return a"+flag+"b"; var fun = new Function("n1","n2",result); var n3 = fun(n1,n2); document.getElementById("n3").value = n3; }

方法三:用eval() eval(字符串) 将参数字符串做为一个javascript表达式进行执行,用它可以生成一些动态的javascript表达式。

Document + - * / = function test(){ var n1=parseFloat(document.getElementById("n1").value); var n2=parseFloat(document.getElementById("n2").value); var flag=document.getElementById("flag").value; var result=eval(parseFloat(n1)+flag+parseFloat(n2)); document.getElementById('n3').value=result; }

结果页面 加法: 在这里插入图片描述 减法: 在这里插入图片描述 乘法: 在这里插入图片描述 除法: 在这里插入图片描述



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3