==javaScript 计算器
function getResult(type){
if(checkData(type)==false){
return ;
}
var num1=parseFloat(document.jisuanqi.num1.value);
var num2=parseFloat(document.jisuanqi.num2.value);
var result;
switch(type){
case '+':
result=num1+num2;
break;
case '-':
result=num1-num2;
break;
case '*':
result=num1*num2;
break;
case '/':
result=num1/num2;
break;
case '%':
result=num1%num2;
break;
}
JavaScript计算器是一种常见的网页交互元素,它允许用户在浏览器中执行基本的数学运算,如加、减、乘、除和取余。在这个例子中,我们看到一个简单的JavaScript实现,包括两个输入框(num1和num2)用于输入数字,以及一组按钮触发不同的运算。
我们有两个核心函数:`getResult` 和 `checkData`。
1. **`checkData` 函数**:
- 这个函数的主要目的是验证用户输入的数据是否有效,以便进行计算。
- 它检查两个输入框(num1和num2)是否为空,如果为空则弹出警告并返回`false`。
- 使用 `isNaN()` 函数检查输入值是否都是数字,如果不是,则分别显示错误信息并返回`false`。
- 当运算类型为除法('/')时,检查第二个操作数(num2)是否为0,因为除数不能为0,如果是则给出相应警告并返回`false`。
- 如果所有验证都通过,函数返回`true`,表示数据有效,可以进行计算。
2. **`getResult` 函数**:
- 这是实际执行计算的函数,接收一个参数 `type`,表示要执行的运算符('+', '-', '*', '/', '%')。
- 它将输入框的值转换为浮点数,这是因为JavaScript会把输入框的值当作字符串处理,而我们需要进行数值计算。
- 然后,使用 `switch` 语句根据 `type` 的值执行相应的运算,并将结果存储在 `result` 变量中。
- 将结果写入到页面的 "result" 输入框中,这个输入框被设置为只读,所以用户不能直接修改。
在HTML部分,我们看到一个简单的表单包含两个输入字段(num1和num2)、一个结果字段(result)以及五个按钮,每个按钮都绑定了一个`onclick`事件处理器,调用 `getResult` 并传递对应的运算符。
这个JavaScript计算器的实现是基于DOM操作和事件监听的,通过获取用户的输入,验证数据,执行计算,并将结果显示回页面。这个实例展示了JavaScript在网页交互中的基本应用,以及如何处理用户输入和响应用户操作。在实际的网页开发中,类似的逻辑可能会更复杂,包括错误处理、输入格式化、以及更复杂的计算功能。