                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

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

<!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>

HC9

2016-11-17

源自：JavaScript进阶篇 6-11

关注问题我要回答

675

操作

收起

1 回答

水里有条鱼
2016-11-18

<!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>