Führen Sie if Anweisung Checker jedes Mal, wenn der Benutzer auf die Schaltfläche klicken

Question

zum Beispiel habe ich ein P-Tag und ich habe eine JavaScript-Funktion, um den Wert um 10 jedes Mal zu erhöhen, wenn ein Benutzer auf eine Schaltfläche klicken.

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()); 

       } 
     }) 
}) 

Dies sollte die p-Tag Nummer aktualisieren, aber die console.log immer 0 noch angezeigt werden soll. Gibt es irgendeinen Fehler drin? Das Folgende ist nur ein Beispiel, ich möchte nur wissen, wie man eine if-Anweisung jedes Mal ausführt, wenn ein Benutzer auf eine Spezifikationsschaltfläche klickt.

Answer 1

Sie fügen String-Nummer, die nur in String ergibt, Benutzer parseInt() Text Anzahl verdeckte dann zusätzlich zu tun, wie unten

gezeigt Hinweis: Ihr Code hat ein extra }, die entfernt werden müssen, um

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

konvertieren int parseInt ($ ("# test"). html()) und als do 10 +

Answer 3

sollten Sie parseInt verwenden zu konvertieren String

Die Funktion parseInt() parst ein String-Argument in Integer und gibt eine ganze Zahl des angegebenen radix (die Basis in der mathematischen Zahl Systemen).

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>