Javascript 更改div显示的输入值

我试图使一个div在输入上的X值后消失，我可以在单击div时使值改变，但是我想要隐藏的div不会隐藏。。看起来它在更改输入值时不会更新

$("#ticket-plus").on('click', function() {
  $("#naenae").val( +$("#naenae").val() + 5 );
});

if ($("#naenae").val() == 10) {
  $("#badge-one > div").hide();
}

在添加值之前使用

parseInt（

$("#ticket-plus").on('click', function() {
 $("#naenae").val( parseInt($("#naenae").val()) + 5 );
 });

---

您可以尝试使用

keyup（）

或

keydown（）

事件：

$("#naenae").keyup(function() {
    if ($("#naenae").val() == 10) {
        $("#badge-one > div").hide();
    }
});

Html

---

我认为您需要将最后三行放在

单击处理程序中。请务必阅读选择标记时出现的说明！
<input type="text"/>
<div>Hide me</div>

$('input').val(0);

$('input').on('click',function() {
   var $input = $(this);
   $input.val(parseInt($input.val()) + 5); 

    if($input.val() == 10) {
         $('div').hide();   
    } else {
         $('div').show();   
    }
});

$("#ticket-plus").on('click', function() {
  $("#naenae").val( +$("#naenae").val() + 5 );
if ($("#naenae").val() == 10) {
  $("#badge-one > div").hide();
}
});