Wie man JS zwingt, Mathe zu machen, anstatt zwei Strings zusammenzufügen

Ich benötige Javascript, um einer ganzzahligen Variablen 5 hinzuzufügen, aber stattdessen behandelt es die Variable als Zeichenfolge, schreibt die Variable aus und fügt dann 5 am Ende der "Zeichenfolge" hinzu. Wie kann ich es zwingen, stattdessen zu rechnen?

var dots = document.getElementById("txt").value; // 5
function increase(){
    dots = dots + 5;
}

Ausgabe: 55

Wie kann ich die Ausgabe erzwingen 10?

Du hast die Leitung

dots = document.getElementById("txt").value;

In Ihrer Datei werden Punkte als Zeichenfolge festgelegt, da der Inhalt von txt nicht auf eine Zahl beschränkt ist.

Um es in ein Int umzuwandeln, ändern Sie die Zeile in:

dots = parseInt(document.getElementById("txt").value, 10);

Hinweis: 10Hier wird die Dezimalzahl (Basis-10) angegeben. Ohne dies interpretieren einige Browser die Zeichenfolge möglicherweise nicht richtig. Siehe MDN : parseInt.

das einfachste:

dots = dots*1+5;

Die Punkte werden in Zahlen umgewandelt.

NICHT VERGESSEN - Verwenden parseFloat();Sie diese Option, wenn Sie mit Dezimalstellen arbeiten.

Ich füge diese Antwort hinzu, weil ich sie hier nicht sehe.

Eine Möglichkeit besteht darin, ein '+' vor den Wert zu setzen

Beispiel:

var x = +'11.5' + +'3.5'

x === 15

Ich habe festgestellt, dass dies der einfachste Weg ist

In diesem Fall lautet die Zeile:

dots = document.getElementById("txt").value;

könnte geändert werden zu

dots = +(document.getElementById("txt").value);

um es auf eine Zahl zu zwingen

HINWEIS:

+'' === 0
+[] === 0
+[5] === 5
+['5'] === 5

parseInt() sollte den Trick machen

var number = "25";
var sum = parseInt(number, 10) + 10;
var pin = number + 10;

Gibt Ihnen

sum == 35
pin == "2510"

http://www.w3schools.com/jsref/jsref_parseint.asp

Hinweis: Das 10in parseInt(number, 10)gibt die Dezimalstelle (Basis-10) an. Ohne dies interpretieren einige Browser die Zeichenfolge möglicherweise nicht richtig. Siehe MDN : parseInt.

Dies funktioniert auch für Sie:

dots -= -5;

Es ist wirklich einfach

var total = (1 * yourFirstVariablehere) + (1 * yourSecondVariablehere)

Dies zwingt Javascript zur Multiplikation, da es keine Verwirrung gibt, wenn * Javascript anmeldet.

Sie können + hinter der Variablen hinzufügen, wodurch eine Ganzzahl erzwungen wird

var dots = 5
    function increase(){
        dots = +dots + 5;
    }

Nachdem ich die meisten Antworten hier ohne Erfolg für meinen speziellen Fall ausprobiert hatte, kam ich auf Folgendes:

dots = -(-dots - 5);

Die + -Zeichen verwirren js, und dies beseitigt sie vollständig. Einfach zu implementieren, wenn möglicherweise verwirrend zu verstehen.

AKTUALISIERT seit dem letzten Downvoting ....

Ich habe nur die Portion gesehen

var dots = 5
function increase(){
    dots = dots+5;
}

vorher, aber es wurde mir später gezeigt, dass die txtBox die Variable füttert dots. Aus diesem Grund müssen Sie sicherstellen, dass die Eingabe "bereinigt" wird, um sicherzustellen, dass sie nur Ganzzahlen und keinen schädlichen Code enthält.

Eine einfache Möglichkeit, dies zu tun, besteht darin, das Textfeld mit einem onkeyup()Ereignis zu analysieren, um sicherzustellen, dass es numerische Zeichen enthält:

<input size="40" id="txt" value="Write a character here!" onkeyup="GetChar (event);"/>

Dabei würde das Ereignis einen Fehler auslösen und das letzte Zeichen löschen, wenn der Wert keine Zahl ist:

<script type="text/javascript">
    function GetChar (event){
        var keyCode = ('which' in event) ? event.which : event.keyCode;
        var yourChar = String.fromCharCode();
        if (yourChar != "0" &&
            yourChar != "1" &&
            yourChar != "2" &&
            yourChar != "3" && 
            yourChar != "4" &&
            yourChar != "5" &&
            yourChar != "6" && 
            yourChar != "7" &&
            yourChar != "8" && 
            yourChar != "9")
        {
            alert ('The character was not a number');
            var source = event.target || event.srcElement;
            source.value = source.value.substring(0,source.value-2);
        }
    }
</script>

Natürlich könnte man das auch mit Regex machen, aber ich habe den faulen Ausweg gewählt.

Da Sie dann wissen würden, dass nur Zahlen in der Box sein könnten, sollten Sie in der Lage sein, nur zu verwenden eval():

dots = eval(dots) + 5;