能不能这么写啊 会提示object ‘cclater’ unused

来源:6-11 编程练习

HC9

2016-11-17 23:16

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>1</title>
  <script type="text/javascript">
 var cclater = {

    a: parseInt(document.getElementById("txt1").value),
 b: parseInt(document.getElementById("txt2").value),
 sign: parseInt(document.getElementById("select").value),

 operation: function () {
      switch (this.sign) {
        case "+":
          return this.a + this.b;
 case  "-":
          return this.a - this.b;
 case  "*":
          return this.a * this.b;
 case  "/":
          return this.a / this.b;
 }
    },


 setvalue: function () {
      document.getElementById("fruit").value = this.operation();
 }

  };

 //获取第一个输入框的值
  //获取第二个输入框的值
  //获取选择框的值
  //获取通过下拉框来选择的值来改变加减乘除的运算法则
  //设置结果输入框的值

 </script>
</head>
<body>
<input type='text' id='txt1'/>
<select id='select'>
  <option value='+'>+</option>
  <option value="-">-</option>
  <option value="*">*</option>
  <option value="/">/</option>
</select>
<input type='text' id='txt2'/>
<input type='button' value=' = ' onclick="cclater.setvalue()"/> <!--通过 = 按钮来调用创建的函数,得到结果-->
<input type='text' id='fruit'/>
</body>
</html>


写回答 关注

1回答

  • 水里有条鱼
    2016-11-18 10:19:02
    <!DOCTYPE html>
    <html>
    <head>
      <meta charset="UTF-8">
      <title>1</title>
    </head>
    <body>
    <input type='text' id='txt1' value="2"/>
    <select id='select'>
      <option value='+'>+</option>
      <option value="-">-</option>
      <option value="*">*</option>
      <option value="/">/</option>
    </select>
    <input type='text' id='txt2' value="2" />
    <input type='button' value=' = ' onclick="cclater.setvalue()"/>
    <input type='text' id='fruit'/>
      <script type="text/javascript">
     var cclater = {
     
        a: parseInt(document.getElementById("txt1").value),
     b: parseInt(document.getElementById("txt2").value),
     sign: document.getElementById("select").value,
     
     operation: function () {
          switch (this.sign) {
            case "+":
              return this.a + this.b;
     case  "-":
              return this.a - this.b;
     case  "*":
              return this.a * this.b;
     case  "/":
              return this.a / this.b;
         default:
         return 1;
     }
        },
     update :function () {
        this.a= parseInt(document.getElementById("txt1").value);
     this.b= parseInt(document.getElementById("txt2").value);
     this.sign= document.getElementById("select").value;  
     },
     setvalue: function () {
      this.update();
          document.getElementById("fruit").value = this.operation();
     }
      }; 
     
     //获取第一个输入框的值
      //获取第二个输入框的值
      //获取选择框的值
      //获取通过下拉框来选择的值来改变加减乘除的运算法则
      //设置结果输入框的值
    
     </script>
    </body>
    </html>


JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468061 学习 · 21891 问题

查看课程

相似问题