so ändern innerHtml, indem ein integer-Wert element?

Baue ich ein Scoreboard

was es tut, wenn jemand klicken Sie auf die + - 500-Taste fügen Sie 500, um den Wert im score-board ich.e es werden 500 der Wert der p-tag

   <div class="box"> 
 <h2>Teams</h2>
 <div class="score">
    <p id="p1" class="lead">230</p>
  </div>
  /div>
 <button id="b1">+500</button>

JavaScript für es

var myScore = document.getElementById("b1");
myScore.onclick = function () {
    var newScore = document.getElementById("p1").innerHTML;
    var value = newScore + 500;
    document.getElementById("p1").innerHTML = value;
};

aber das zeigt mir 230500 statt 730. wie kann ich änderungen an meiner inneren html-Wert 230 in integer-form ??

String + int = String. 🙂
dom-Inhalte sind strings. und sind IMMER strings. Sie müssen analysiert die Zeichenfolge zurück in eine int-ersten.

InformationsquelleAutor Sarthak Sharma | 2013-06-23

  1. 4

    Gerade jetzt, Sie sind das hinzufügen einer Ganzzahl in einen string, also, du machst einen string-Verkettung.

    Ändern

     var value = newScore + 500;

    zu

     var value = parseInt(newScore,10) + 500;
    Dank dieser Funktion arbeitet jetzt richtig 🙂

    InformationsquelleAutor Denys Séguret

Schreibe einen Kommentar