Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/user-interface/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
JavaScript计算器if语句_Javascript - Fatal编程技术网

JavaScript计算器if语句

JavaScript计算器if语句,javascript,Javascript,我正在尝试创建一个简单的javascript计算器,它只有4个操作(+、-、*和/)。我创建了一个包含4个字段的HTML文件: 第一 二号 操作 答复 我还创建了一个脚本文件,其中包含4个函数(每个操作一个),但我似乎无法确定在何处/如何添加anif语句,因此会根据操作选择调用相应的函数 函数sumValues(){ 变量num1,num2,ans; num1=编号(document.formcalc.num1.value); num2=编号(document.formcalc.num2.

我正在尝试创建一个简单的javascript计算器,它只有4个操作(
+
-
*
/
)。我创建了一个包含4个字段的HTML文件:

  • 第一
  • 二号
  • 操作
  • 答复
我还创建了一个脚本文件,其中包含4个函数(每个操作一个),但我似乎无法确定在何处/如何添加an
if
语句,因此会根据操作选择调用相应的函数

函数sumValues(){
变量num1,num2,ans;
num1=编号(document.formcalc.num1.value);
num2=编号(document.formcalc.num2.value);
ans=num1+num2;
document.formcalc.answer.value=ans;
}
函数子值(){
变量num1,num2,答案;
num1=编号(document.formcalc.num1.value);
num2=编号(document.formcalc.num2.value);
ans=num1-num2;
document.formcalc.answer.value=ans;
}
函数多值(){
变量num1,num2,ans;
num1=编号(document.formcalc.num1.value);
num2=编号(document.formcalc.num2.value);
ans=num1*num2;
document.formcalc.answer.value=ans;
}
函数divValue(){
变量num1,num2,ans;
num1=编号(document.formcalc.num1.value);
num2=编号(document.formcalc.num2.value);
ans=num1/num2;
document.formcalc.answer.value=ans;
}
我的计算器
第一名:
第二条:
运算(+、-、*、/):
回答:

我会在不完成学校作业的情况下给你一些建议哈哈

您缺少的是将“calculate”按钮与一个新函数(您需要编写它)连接起来,该函数基于“selection”操作符将“calculate”按钮连接到正确的js函数(divValue、multiValue)等


祝你好运

我会在没有完成你的学校作业的情况下给你一些建议哈哈

您缺少的是将“calculate”按钮与一个新函数(您需要编写它)连接起来,该函数基于“selection”操作符将“calculate”按钮连接到正确的js函数(divValue、multiValue)等


祝您好运

您需要创建第五个函数(我们称之为
calculate()
),该函数在单击按钮时调用,并分派到正确的操作函数。下面是使用
if
语句(根据您的问题)时的情况:

然而,当你遇到像这样的分层
if
语句时,有一个更好的结构可以使用;一个
开关

function calculate() {
  var op = document.selection.value;

  switch (op) {
    case '+':
      sumValues();
      break;

    case '-':
      subValues();
      break;

    case '*':
      multiValue();
      break;

    case '/':
      divValue();
      break;

    default:
      console.log('Invalid operation:', op);
  }
}
或者更紧凑地说:

function calculate() {
  var op = document.selection.value;

  switch (op) {
    case '+': sumValues(); break;
    case '-': subValues(); break;
    case '*': multiValue(); break;
    case '/': divValue(); break;
    default: console.log('Invalid operation:', op);
  }
}
将此添加到现有代码中,我们可以:

函数sumValues(){
变量num1,num2,ans;
num1=编号(document.formcalc.num1.value);
num2=编号(document.formcalc.num2.value);
ans=num1+num2;
document.formcalc.answer.value=ans;
}
函数子值(){
变量num1,num2,答案;
num1=编号(document.formcalc.num1.value);
num2=编号(document.formcalc.num2.value);
ans=num1-num2;
document.formcalc.answer.value=ans;
}
函数多值(){
变量num1,num2,ans;
num1=编号(document.formcalc.num1.value);
num2=编号(document.formcalc.num2.value);
ans=num1*num2;
document.formcalc.answer.value=ans;
}
函数divValue(){
变量num1,num2,ans;
num1=编号(document.formcalc.num1.value);
num2=编号(document.formcalc.num2.value);
ans=num1/num2;
document.formcalc.answer.value=ans;
}
函数计算(){
var op=document.selection.value;
开关(op){
大小写“+”:sumValues();break;
大小写'-':子值();中断;
案例“*”:多值();中断;
大小写“/”:divValue();break;
默认值:console.log('Invalid operation:',op);
}
}
我的计算器
第一名:
第二条:
运算(+、-、*、/):
回答:

您需要创建第五个函数(我们称之为
calculate()
),单击按钮时调用该函数,并将其分派到正确的操作函数。下面是使用
if
语句(根据您的问题)时的情况:

然而,当你遇到像这样的分层
if
语句时,有一个更好的结构可以使用;一个
开关

function calculate() {
  var op = document.selection.value;

  switch (op) {
    case '+':
      sumValues();
      break;

    case '-':
      subValues();
      break;

    case '*':
      multiValue();
      break;

    case '/':
      divValue();
      break;

    default:
      console.log('Invalid operation:', op);
  }
}
或者更紧凑地说:

function calculate() {
  var op = document.selection.value;

  switch (op) {
    case '+': sumValues(); break;
    case '-': subValues(); break;
    case '*': multiValue(); break;
    case '/': divValue(); break;
    default: console.log('Invalid operation:', op);
  }
}
将此添加到现有代码中,我们可以:

函数sumValues(){
变量num1,num2,ans;
num1=编号(document.formcalc.num1.value);
num2=编号(document.formcalc.num2.value);
ans=num1+num2;
document.formcalc.answer.value=ans;
}
函数子值(){
变量num1,num2,答案;
num1=编号(document.formcalc.num1.value);
num2=编号(document.formcalc.num2.value);
ans=num1-num2;
document.formcalc.answer.value=ans;
}
函数多值(){
变量num1,num2,ans;
num1=编号(document.formcalc.num1.value);
num2=编号(document.formcalc.num2.value);
ans=num1*num2;
document.formcalc.answer.value=ans;
}
函数divValue(){
变量num1,num2,ans;
num1=编号(document.formcalc.num1.value);
num2=编号(document.formcalc.num2.value);
ans=num1/num2;
document.formcalc.answer.value=ans;
}
函数计算(){
var op=document.selection.value;
开关(op){
大小写“+”:sumValues();break;
大小写'-':子值();中断;
案例“*”:多值();中断;
大小写“/”:divValue();break;
默认值:console.log('Invalid operation:',op);
}
}
我的计算器
第一名:
第二条:
运算(+、-、*、/):
回答:

您只需添加另一个函数即可选择要调用的操作

例如:

function selectOperation(){

    var selection = document.formcalc.selection.value;
    switch(selection[0]) {
      case '+':
        sumValues();
        break;
      case '-':
        subValues();
        break;
      case '*':
        multiValue();
        break;
      case '/':
        divValue();
        break;
      default:
        // Prompt something if input is wrong
    } 
}
然后在输入中调用此函数:

<input type="button" value="calculate" onclick="selectOperation()">

我刚在这里试过,效果很好!
让我知道

您只需添加另一个函数即可选择要调用的操作

例如:

function selectOperation(){

    var selection = document.formcalc.selection.value;
    switch(selection[0]) {
      case '+':
        sumValues();
        break;
      case '-':
        subValues();
        break;
      case '*':
        multiValue();
        break;
      case '/':
        divValue();
        break;
      default:
        // Prompt something if input is wrong
    } 
}
然后在输入中调用此函数:

<input type="button" value="calculate" onclick="selectOperation()">

我刚在这里试过,效果很好! 请让我知道,除非