繁体   English   中英

如何使用Switch使用Javascript构建计算器?

[英]How do I build a calculator in Javascript using Switch?

HTML:

<div id="content">
      <div id="calculator-container">
        <form name="calc">
          <!-- The name of the form is "calc" -->
          <label for="output">A Basic Calculator</label>
          <input id="output" name="output" type="text" readonly>

          <!-- the name of the textbox is "output" -->
          <br>
          <input type="button"   name="one"      value="  1  "    >
          <input type="button"   name="two"      value="  2  "    >
          <input type="button"   name="three"    value="  3  "    >
          <input type="button"   name="add"      value="  +  "    >
          <br>
          <input type="button"   name="four"     value="  4  "    >
          <input type="button"   name="five"     value="  5  "    >
          <input type="button"   name="six"      value="  6  "    >
          <input type="button"   name="subtract" value="  -  "    >
          <br>
          <input type="button"   name="seven"    value="  7  "    >
          <input type="button"   name="eight"    value="  8  "    >
          <input type="button"   name="nine"     value="  9  "    >
          <input type="button"   name="multiply" value="  x  "    >
          <br>
          <input type="button"   name="clear"    value="  C  "    >
          <input type="button"   name="zero"     value="  0  "    >
          <input type="button"   name="equate"   value="  =  "    >
          <input type="button"   name="divide"   value="&divide;" >
        </form>
      </div>
      <h2>Switch Version</h2>
    </div>

它继续进行,并且老师正确设置了所有其他内容。 很遗憾,无法发布图片。

JAVASCRIPT:

var calcu = function(calcValue) {
    switch (calcValue) {
        case "one": 
            calc.output.value += 1;
            break;
        case "equate":
            // use the math.eval() function from the Math.js math library to parse and evaluate the String with mathematics in it
            calc.output.value = math.eval(calc.output.value);
            break;
    }
};

因此,根据我的理解,在计算器上按“ 1”现在应该在输出表单中显示1。

我的老师设置了供我们在JS文件中使用的功能,所有内容均已正确链接。 我环顾四周,甚至查看了示例JS计算器代码,但我不知道该问什么或如何问。 希望有人可以提供帮助。 谢谢!

所以我已经弄清楚了,这要感谢@claies。

HTML:

<input type="button"   name="one"      value="  1  "   onclick="calcu(this.name)" >

JavaScript的:

calc.output.value += "1";

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM