Question

我正在尝试使用HTML，CSS和jQuery构建自己的计算器。计算器包含5行按钮和计算器屏幕的文本字段。我已经完成了HTML和CSS部分，但现在真正面临挑战。首先，我试图让数字按钮的值在点击时出现在计算器文本屏幕中。我已经在jQuery API文档中使用了这个方法，我用 document.getElementById 替换了 slideUp 。

$( "p" ).click(function() {  $( this ).slideUp(); });

然而，按照计划对我没有用。你能看一下代码并告诉我我做错了什么吗？先感谢您。这是整个项目：my first ever javascript calculator

Answer 1

假设您包含protected void btnRead_Click(object sender, EventArgs e) { using (StreamReader stRead = new StreamReader(FileUpload1.PostedFile.InputStream)) { //to write textfile content while (!stRead.EndOfStream) { ListBox1.Items.Add(stRead.ReadLine()); } } }库，则需要附加每个数字，并且考虑到jQuery元素是输入元素，您需要使用{追加单击元素的值{1}}，而不是calc-screen。

同样.value无效，会引发错误，因此需要更改为innerHTML。

请参阅此工作 FIDDLE ，或者只是运行下面的工作代码段：

$(this).document.getElementById('calc-screen')

document.getElementById('calc-screen')

jQuery(document).ready(function($) {
  jQuery(".btn-number").click(function() {
    document.getElementById('calc-screen').value += this.value;
  });
});

Answer 2

几个问题：

您没有导入jquery库。
document可以直接访问，$(this).document会导致错误。
对于input元素，内容应分配到value而不是innerHTML。
新数字应附加到旧值。

试试这个：

将<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>添加到HTML部分。

jQuery(document).ready(function($){
    jQuery( ".btn-number" ).click(function() {
        document.getElementById('calc-screen').value+=this.value;
    });
});

jQuery计算器：当我点击它们时，按钮的值不会显示在文本屏幕内

2 个答案: