Javascript 为什么我的变量不使用Jquery显示在文本框中？_Javascript_Jquery_Html

Javascript 为什么我的变量不使用Jquery显示在文本框中？

javascript jquery html

Javascript 为什么我的变量不使用Jquery显示在文本框中？,javascript,jquery,html,Javascript,Jquery,Html,我这里有点小麻烦。我正在构建一个计算器，我正在研究它的基本思想，我不明白为什么我的变量charlie不会出现在输出文本框中。所有的变量最终都是正确的（我用alert函数检查了它们），但最终似乎它不会出现！任何帮助都将不胜感激 <!DOCTYPE html> <body> <div id="content"> <form name="calc"> <script src="https://ajax.googleapis.com/ajax/l

我这里有点小麻烦。我正在构建一个计算器，我正在研究它的基本思想，我不明白为什么我的变量charlie不会出现在输出文本框中。所有的变量最终都是正确的（我用alert函数检查了它们），但最终似乎它不会出现！任何帮助都将不胜感激

<!DOCTYPE html>
<body>
<div id="content">

<form name="calc"> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

<script id="NumberButtons">
  $(document).ready(function(){
   $('#button1').click(function(){
        $('#output').val($(this).val());
    });
   $('#button2').click(function(){
        $('#output').val($(this).val());
    });
   $('#button3').click(function(){
        $('#output').val($(this).val());
    });
   $('#button4').click(function(){
        $('#output').val($(this).val());
    });
   $('#button5').click(function(){
        $('#output').val($(this).val());
    });
   $('#button6').click(function(){
        $('#output').val($(this).val());
    });
   $('#button7').click(function(){
        $('#output').val($(this).val());
    });
   $('#button8').click(function(){
        $('#output').val($(this).val());
    });
   $('#button9').click(function(){
        $('#output').val($(this).val());
    });
   $('#button0').click(function(){
        $('#output').val($(this).val());
    });
   $('#buttonclear').click(function(){
        $('#output').val($(this).val());
    });
  });
</script>
<script id="MathSymbolButtons">
var alpha = 0;
var bravo = 0;
var charlie = 0;

  $(document).ready(function(){
        $('#buttonplus').click(function(){
             var alpha = $("#output").val();
             window.alert(alpha)
             });
         $('#buttonequals').click(function(){
              var bravo = $("#output").val();
              window.alert(bravo)
              var charlie = alpha + bravo;
              $('#output').val($(charlie).val());
              });
  });
</script>
 <table>
    <tr>
         <td>
         <input type="text"   id="output">
        <br>
        </td>
        </tr>
    <tr>
        <td>
        <input type="button" name="one" value = "1" id="button1"> 
        <input type = "button" name = "two" value = "2" id="button2" > 
        <input type = "button" name = "three" value = "3" id="button3"> 
        <input type = "button" name = "four" value = "4"id="button4"> 
        <input type = "button" name = "five" value = "5" id="button5"> 
        <input type = "button" name = "six" value = "6" id="button6"> 
        <input type = "button" name = "seven" value = "7" id="button7"> 
        <input type = "button" name = "eight" value = "8" id="button8"> 
        <input type = "button" name = "nine" value = "9" id="button9"> 
        <input type = "button" name = "zero" value = "0" id="button0"> 
        <input type = "button" name = "add" value = "+" id="buttonplus">
        <input type = "button" name = "evaluate" value = " = "     id="buttonequals"> 
        <br>
        </td>
    </tr>
</table>
</form>
</div>
</body>
</html>


$（文档）.ready（函数（）{
$（'#按钮1'）。单击（函数（）{
$（'#output'）.val（$（this.val（））；
});
$（'#按钮2'）。单击（函数（）{
$（'#output'）.val（$（this.val（））；
});
$（'#按钮3'）。单击（函数（）{
$（'#output'）.val（$（this.val（））；
});
$（'#按钮4'）。单击（函数（）{
$（'#output'）.val（$（this.val（））；
});
$（'#按钮5'）。单击（函数（）{
$（'#output'）.val（$（this.val（））；
});
$（'#按钮6'）。单击（函数（）{
$（'#output'）.val（$（this.val（））；
});
$（'#按钮7'）。单击（函数（）{
$（'#output'）.val（$（this.val（））；
});
$（'#按钮8'）。单击（函数（）{
$（'#output'）.val（$（this.val（））；
});
$（'#按钮9'）。单击（函数（）{
$（'#output'）.val（$（this.val（））；
});
$（'#按钮0'）。单击（函数（）{
$（'#output'）.val（$（this.val（））；
});
$（“#按钮清除”）。单击（函数（）{
$（'#output'）.val（$（this.val（））；
});
});
varα=0；
var bravo=0；
var=0；
$（文档）.ready（函数（）{
$（'#buttonplus'）。单击（函数（）{
var alpha=$（“#输出”）.val（）；
窗口警报（alpha）
});
$（“#按钮相等”）。单击（函数（）{
var bravo=$（“#输出”）.val（）；
窗口警报（好极了）
var查理=阿尔法+布拉沃；
$（'#output'）.val（$（charlie.val（））；
});
});

charlie不是元素，而是变量，因此：

$('#output').val(charlie);

或本地：

document.getElementById( 'output' ).value = charlie;

charlie不是元素，而是变量，因此：

$('#output').val(charlie);

或本地：

document.getElementById( 'output' ).value = charlie;

charlie不是元素，而是变量，因此：

$('#output').val(charlie);

或本地：

document.getElementById( 'output' ).value = charlie;

charlie不是元素，而是变量，因此：

$('#output').val(charlie);

或本地：

document.getElementById( 'output' ).value = charlie;

函数中的“var”创建新的局部变量，不会影响全局变量

无法添加两个字符串，请按字符串*1获取数字

$（'#output'）.val（charlie）来设置值

试试这个：

$('#buttonplus').click(function(){
     alpha = $("#output").val();
     //window.alert(alpha)
     });
 $('#buttonequals').click(function(){
      bravo = $("#output").val();
      //window.alert(bravo)
      charlie = alpha * 1 + bravo * 1;
      $('#output').val(charlie);
      });

函数中的“var”创建新的局部变量，不会影响全局变量

无法添加两个字符串，请按字符串*1获取数字

$（'#output'）.val（charlie）来设置值

试试这个：

$('#buttonplus').click(function(){
     alpha = $("#output").val();
     //window.alert(alpha)
     });
 $('#buttonequals').click(function(){
      bravo = $("#output").val();
      //window.alert(bravo)
      charlie = alpha * 1 + bravo * 1;
      $('#output').val(charlie);
      });

函数中的“var”创建新的局部变量，不会影响全局变量

无法添加两个字符串，请按字符串*1获取数字

$（'#output'）.val（charlie）来设置值

试试这个：

$('#buttonplus').click(function(){
     alpha = $("#output").val();
     //window.alert(alpha)
     });
 $('#buttonequals').click(function(){
      bravo = $("#output").val();
      //window.alert(bravo)
      charlie = alpha * 1 + bravo * 1;
      $('#output').val(charlie);
      });

函数中的“var”创建新的局部变量，不会影响全局变量

无法添加两个字符串，请按字符串*1获取数字

$（'#output'）.val（charlie）来设置值

试试这个：

$('#buttonplus').click(function(){
     alpha = $("#output").val();
     //window.alert(alpha)
     });
 $('#buttonequals').click(function(){
      bravo = $("#output").val();
      //window.alert(bravo)
      charlie = alpha * 1 + bravo * 1;
      $('#output').val(charlie);
      });

这是您当前的代码：

var alpha = 0;
var bravo = 0;
var charlie = 0;

$('#buttonplus').click(function(){
  var alpha = $("#output").val();
});

$('#buttonequals').click(function(){
  var bravo = $("#output").val();
  var charlie = alpha + bravo;
  $('#output').val($(charlie).val());
});

这些是全局变量：

var alpha = 0;
var bravo = 0;
var charlie = 0;

但是您正在

单击处理程序中创建新的局部变量：
$('#buttonplus').click(function(){
  var alpha = $("#output").val();
});

删除var
以访问全局变量：
$('#buttonplus').click(function(){
  alpha = $("#output").val();
});


此代码将#output
的字符串表示形式指定给alpha:
alpha = $("#output").val();

如果alpha
是2，bravo
是3，那么alpha+bravo
将是23

您可以通过在加号前加一个加号将其强制为数字：
alpha = +$("#output").val();


最后，与此相反：
  $('#output').val($(charlie).val());

…这样做：
  $('#output').val(charlie);


更正代码：
var alpha = 0;
var bravo = 0;
var charlie = 0;

$('#buttonplus').click(function(){
  alpha = +$("#output").val();
});

$('#buttonequals').click(function(){
  bravo = +$("#output").val();
  charlie = alpha + bravo;
  $('#output').val(charlie);
});

这是您当前的代码：
var alpha = 0;
var bravo = 0;
var charlie = 0;

$('#buttonplus').click(function(){
  var alpha = $("#output").val();
});

$('#buttonequals').click(function(){
  var bravo = $("#output").val();
  var charlie = alpha + bravo;
  $('#output').val($(charlie).val());
});

这些是全局变量：
var alpha = 0;
var bravo = 0;
var charlie = 0;

但是您正在单击处理程序中创建新的局部变量：
$('#buttonplus').click(function(){
  var alpha = $("#output").val();
});

删除var
以访问全局变量：
$('#buttonplus').click(function(){
  alpha = $("#output").val();
});


此代码将#output
的字符串表示形式指定给alpha:
alpha = $("#output").val();

如果alpha
是2，bravo
是3，那么alpha+bravo
将是23

您可以通过在加号前加一个加号将其强制为数字：
alpha = +$("#output").val();


最后，与此相反：
  $('#output').val($(charlie).val());

…这样做：
  $('#output').val(charlie);


更正代码：
var alpha = 0;
var bravo = 0;
var charlie = 0;

$('#buttonplus').click(function(){
  alpha = +$("#output").val();
});

$('#buttonequals').click(function(){
  bravo = +$("#output").val();
  charlie = alpha + bravo;
  $('#output').val(charlie);
});

这是您当前的代码：
var alpha = 0;
var bravo = 0;
var charlie = 0;

$('#buttonplus').click(function(){
  var alpha = $("#output").val();
});

$('#buttonequals').click(function(){
  var bravo = $("#output").val();
  var charlie = alpha + bravo;
  $('#output').val($(charlie).val());
});

这些是全局变量：
var alpha = 0;
var bravo = 0;
var charlie = 0;

但是您正在单击处理程序中创建新的局部变量：
$('#buttonplus').click(function(){
  var alpha = $("#output").val();
});

删除var
以访问全局变量：
$('#buttonplus').click(function(){
  alpha = $("#output").val();
});


此代码将#output
的字符串表示形式指定给alpha:
alpha = $("#output").val();

如果alpha
是2，bravo
是3，那么alpha+bravo
将是23

您可以通过在加号前加一个加号将其强制为数字：
alpha = +$("#output").val();


最后，与此相反：
  $('#output').val($(charlie).val());

…这样做：
  $('#output').val(charlie);


更正代码：
var alpha = 0;
var bravo = 0;
var charlie = 0;

$('#buttonplus').click(function(){
  alpha = +$("#output").val();
});

$('#buttonequals').click(function(){
  bravo = +$("#output").val();
  charlie = alpha + bravo;
  $('#output').val(charlie);
});

这是您当前的代码：
var alpha = 0;
var bravo = 0;
var charlie = 0;

$('#buttonplus').click(function(){
  var alpha = $("#output").val();
});

$('#buttonequals').click(function(){
  var bravo = $("#output").val();
  var charlie = alpha + bravo;
  $('#output').val($(charlie).val());
});

这些是全局变量：
var alpha = 0;
var bravo = 0;
var charlie = 0;

但是您正在单击处理程序中创建新的局部变量：
$('#buttonplus').click(function(){
  var alpha = $("#output").val();
});

删除var
以访问全局变量：
$('#buttonplus').click(function(){
  alpha = $("#output").val();
});


此代码将#output
的字符串表示形式指定给alpha:
alpha = $("#output").val();

如果alpha
是2，bravo
是3，那么alpha+bravo
将是23

您可以通过在加号前加一个加号将其强制为数字：
alpha = +$("#output").val();


最后，与此相反：
  $('#output').val($(charlie).val());

…这样做：
  $('#output').val(charlie);


更正代码：
var alpha = 0;
var bravo = 0;
var charlie = 0;

$('#buttonplus').click(function(){
  alpha = +$("#output").val();
});

$('#buttonequals').click(function(){
  bravo = +$("#output").val();
  charlie = alpha + bravo;
  $('#output').val(charlie);
});

有许多问题：
下面是一个正在工作的JSFIDLE：
您两次声明了几个变量。
您需要强制字符串为数字，以便添加它们。
通过在charlie上放置jQuery包装器，您将其视为DOM元素
var alpha = 0;
var bravo = 0;
var charlie = 0;

    $(document).ready(function () {
        $('#buttonplus').click(function () {
            alpha = $("#output").val();
        });
        $('#buttonequals').click(function () {
            bravo = $("#output").val();
            charlie = Number(alpha) + Number(bravo);
            $('#output').val(charlie);
        });
    });

有许多问题：
下面是一个正在工作的JSFIDLE：
您两次声明了几个变量。
您需要强制字符串为数字，以便