Come forzare JS a fare matematica invece di mettere insieme due stringhe

Ho bisogno di javascript per aggiungere 5 a una variabile intera, ma invece tratta la variabile come una stringa, quindi scrive la variabile, quindi aggiunge 5 alla fine della "stringa". Come posso invece costringerlo a fare matematica?

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

Produzione: 55

Come posso forzare l'uscita 10?

Hai la linea

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

nel tuo file, questo imposterà i punti come una stringa perché il contenuto di txt non è limitato a un numero.

per convertirlo in un int cambia la riga in:

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

Nota: 10qui specifica il decimale (base 10). Senza questo alcuni browser potrebbero non interpretare correttamente la stringa. Vedere MDN: parseInt.

il più semplice:

dots = dots*1+5;

i punti verranno convertiti in numero.

NON DIMENTICARE - Usa parseFloat();se hai a che fare con i decimali.

Aggiungo questa risposta perché non la vedo qui.

Un modo è mettere un carattere "+" davanti al valore

esempio:

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

x === 15

Ho scoperto che questo è il modo più semplice

In questo caso, la riga:

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

potrebbe essere cambiato in

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

per forzarlo a un numero

NOTA:

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

parseInt() dovrebbe fare il trucco

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

Ti dà

sum == 35
pin == "2510"

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

Nota: 10in parseInt(number, 10)specifica il decimale (base 10). Senza questo alcuni browser potrebbero non interpretare correttamente la stringa. Vedere MDN: parseInt.

Funziona anche per te:

dots -= -5;

è davvero semplice

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

questo forza la moltiplicazione di javascript perché non vi è confusione per * accedi a javascript.

Puoi aggiungere + dietro la variabile e la forzerà a essere un numero intero

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

Dopo aver provato la maggior parte delle risposte qui senza successo per il mio caso particolare, ho pensato a questo:

dots = -(-dots - 5);

I segni + sono ciò che confonde js e questo li elimina completamente. Semplice da implementare, anche se potenzialmente confuso da capire.

AGGIORNATO dall'ultimo downvoted di questo ...

Ho visto solo la porzione

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

prima, ma in seguito mi è stato mostrato che la txtscatola alimenta la variabile dots. Per questo motivo, dovrai essere sicuro di "ripulire" l'input, per assicurarti che contenga solo numeri interi e non codice dannoso.

Un modo semplice per farlo è analizzare la casella di testo con un onkeyup()evento per assicurarsi che abbia caratteri numerici:

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

dove l'evento darebbe un errore e cancellerebbe l'ultimo carattere se il valore non è un numero:

<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>

Ovviamente potresti farlo anche con regex, ma ho scelto la via più pigra.

Da allora sapresti che solo i numeri potrebbero essere nella casella, dovresti essere in grado di usare solo eval():

dots = eval(dots) + 5;