如果每次用戶點擊按鈕

Question

時運行if語句檢查器，例如我有一個p標記，並且每次用戶單擊某個按鈕時，我都有一個javascript函數將其值增加10。

HTML：

<p id="test">0</p> 
    <button id="trigger">test</button> 

的Jquery：

 var empty; 
    $(document).ready(function() { 
      $("#trigger").click(function(){ 
       empty = $("#test").html()+10; 
       $("#test").html(empty); 
       console.log($("#test").html()); 

       } 
     }) 
}) 

這應該更新p標籤的號碼，但始終的console.log顯示爲0，仍。 裏面有沒有恐怖？下面只是一個例子，我只想知道如何讓用戶每次點擊指定按鈕時運行if語句。

Answer 1

您要添加字符串導致字符串只，用戶parseInt()隱蔽文本號碼，然後做加法，如下圖所示

注號碼：您的代碼有一個額外的}需要被移除

var empty; 
 
$(document).ready(function() { 
 
    $("#trigger").click(function(){ 
 
    empty = parseInt($("#test").html()) + 10; 
 
    $("#test").html(empty); 
 
    console.log($("#test").html()); 
 
    //remove extra } from here 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<p id="test">0</p> 
 
<button id="trigger">test</button>

Answer 2

轉換成int parseInt函數（$（ 「＃測試」）。HTML（）），比做10 +

Answer 3

應使用parseInt函數轉換字符串到整數

的parseInt函數（）的函數把字符串參數，並返回指定基數（數學標記 系統的底）的 整數。

Read More

var empty; 
 
$(document).ready(function() { 
 
    $("#trigger").click(function() { 
 
    empty = parseInt($("#test").html()) + 10; 
 
    $("#test").html(empty); 
 
    console.log($("#test").html()); 
 

 
    }) 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<p id="test">0</p> 
 
<button id="trigger">test</button>