JavaScript添加到变量并在div中显示结果

我只是在学习javaScript和jquery的基础知识，并尝试编写这个简单的程序。它只是一个显示数字的框，有两个按钮，一个加10，另一个减10。我将输出设置为alert，它似乎工作正常，但如果我删除alert（如下），它不会将结果输入到container div

$(document).ready(function(){
var startPoint = +90;
  $(document).find('#container').append(startPoint);

    if($('.increase').click(function(){
      startPoint += +10;

    }));

我还尝试再次附加startPoint变量，但它不会覆盖原始变量：

$(document).ready(function(){
var startPoint = +90;

$(document).find('#container').append(startPoint);

    if($('.increase').click(function(){
      startPoint += +10;

      $(document).find('#container').append(startPoint);

    }));

---

所有代码都在codepen链接上。如果真的很明显或者很简单，我只是很抱歉。任何教育投入或建议将不胜感激。谢谢。

您需要将

#容器的
.text（）
设置为新值，或者在
.append（）
之前将其中的旧数据设置为
.empty（）

$('.increase').click(function(){
  $('#container').text(startPoint += +10);
});

另外，您不需要将
$（'.increase'）包装起来。如果
if
它将在单击时触发，您无需说“
如果”
（单击此项）”

它由
.click（）
函数暗示，这是因为您将值附加到
#container
元素。如果要直接更改文本，可以使用jQuery的
text（）
方法：

$(document).find('#container').text(startPoint);


这将用您传入的新文本覆盖当前文本

.text（text）
将匹配元素集中每个元素的内容设置为指定文本

–


还值得注意的是，
if（startPoint>=100）
检查仅在首次加载CodePen演示时执行。如果要使用此检查，则需要将
If
语句放在
单击事件处理程序中。
在追加之前需要删除内容

我用空的（）

首先。。对于div，可以使用.text（）或.html（）
第二。。将if语句移动到。增加单击事件

$(document).ready(function(){
      var startPoint = +90;
       $(document).find('#container').append(startPoint);
        $('.increase').on('click',function(){
           if(startPoint >= +100){
              alert('dayum!!');
           }else{
              $('#container').text(startPoint += +10);
           }
        });
        $('.decrease').on('click',function(){
          $('#container').text(startPoint -= +10);
        });
  });

读这个：和


使用此代码，可以帮助您：）
change.append“to”.html->$（document.find（'#container'）.html（startPoint）；尝试使用
$（document.find（'#container'）.html（startPoint）
替换#容器内的html并设置新值。选中此复选框。您的意思是，若要增加或减少，结果应显示在容器右侧。没问题，ironmike。如果你还在学习javascript，你可能想看看这个网站，它非常好。明亮的我必须等6分钟才能把你的答案标记为正确，但我会这样做的！再次感谢！
$(document).ready(function(){
      var startPoint = +90;
       $(document).find('#container').append(startPoint);
        $('.increase').on('click',function(){
           if(startPoint >= +100){
              alert('dayum!!');
           }else{
              $('#container').text(startPoint += +10);
           }
        });
        $('.decrease').on('click',function(){
          $('#container').text(startPoint -= +10);
        });
  });

$(document).ready(function(){
    var startPoint = +90;
      $(document).find('#container').append(startPoint);

        if($('.increase').click(function(){
          alert(startPoint += +10);
          $("#container").html(startPoint) //added
        }));

        if($('.decrease').click(function(){
          alert(startPoint -= +10);
          $("#container").html(startPoint) //added
        }));

        if(startPoint >= +100){
          alert('dayum!!');
        }

  });