JavaScript计算机功能案例_小型计算机js-优快云博客

本文链接：https://blog.youkuaiyun.com/Logodad/article/details/105590125

这篇博客主要探讨了JavaScript的实用案例，内容简洁明了，适合初学者理解和实践。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

超级简单了JavaScript案例

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<script type="text/jscript">
function ca(){
 var n1=parseFloat(document.getElementById('num1').value);
 var n2=parseFloat(document.getElementById('num2').value);
 var op=document.getElementById('op1').value;//获得输入框的文本
 var oo=n1+op+n2;
 var res='';
 res=eval(oo);
 document.getElementById('resu').value=res;
 if(op=='/'&&n2=='0'){
 alert("除数不能为0");
 document.getElementById('resu').value="除数不能为0";
 }
}
</script>
<body>
<input type="text" id="num1" value="操作数1"/>
<select id="op1">
 <option value="+">+</option>
 <option value="-">-</option>
 <option value="*">*</option>
 <option value="/">/</option>
</select>
<input type="text" id="num2" value="操作数2"/>
<input type="button" value="=" onClick="ca()"/>
<input type="text" id="resu"  readonly/>
</body>
</html>

网页代码没什么讲的吗，我们来讲讲Javascript代码。
1.获得输入框的文本-----document.getElementById('id').value;
2.eval() 函数:可计算某个字符串---提示一下，是计算字符串哟！
3.给文本框赋值，这个就有点奇怪嚯，不过呢，我们记住他就好了。
document.getElementById('resu').value=res;
另外这样好像也可以给文本框赋值哎，亲测有效：resu.value=res;
<1>、要赋值的文本框添加一个属性 id
<2>、在js中根据ID 获取得到当前的文本框
<3>、得到文本框之后，变量名.value=要赋的值
<4>、赋值完成
4.JavaScript parseFloat() 函数------可解析一个字符串，并返回一个浮点数。该函数指定字符串中的首个字符是否是数字。如果是，则对字符串进行解析，直到到达数字的末端为止，然后以数字返回该数字，而不是作为字符串。