Cómo forzar a JS a hacer matemáticas en lugar de juntar dos cadenas

Necesito javascript para agregar 5 a una variable entera, pero en su lugar trata la variable como una cadena, por lo que escribe la variable, luego agrega 5 al final de la "cadena". ¿Cómo puedo obligarlo a hacer matemáticas?

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

Salida: 55

¿Cómo puedo forzar su salida 10?

Tienes la linea

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

en su archivo, esto hará que los puntos sean una cadena porque el contenido de txt no está restringido a un número.

para convertirlo en un int cambie la línea a:

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

Nota: 10Aquí se especifica decimal (base-10). Sin esto, es posible que algunos navegadores no interpreten la cadena correctamente. Ver MDN: parseInt.

lo más simple:

dots = dots*1+5;

los puntos se convertirán en números.

NO OLVIDE - Úselo parseFloat();si está tratando con decimales.

Estoy agregando esta respuesta porque no la veo aquí.

Una forma es poner un carácter '+' delante del valor

ejemplo:

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

x === 15

He descubierto que esta es la forma más sencilla

En este caso, la línea:

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

podría cambiarse a

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

para forzarlo a un número

NOTA:

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

parseInt() debería hacer el truco

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

Te dio

sum == 35
pin == "2510"

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

Nota: La 10en parseInt(number, 10)especifica decimal (base-10). Sin esto, es posible que algunos navegadores no interpreten la cadena correctamente. Ver MDN: parseInt.

Esto también funciona para ti:

dots -= -5;

es realmente simple solo

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

esto obliga a que javascript se multiplique porque no hay confusión para * iniciar sesión en javascript.

Puede agregar + detrás de la variable y la obligará a ser un número entero

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

Después de probar la mayoría de las respuestas aquí sin éxito para mi caso particular, se me ocurrió esto:

dots = -(-dots - 5);

Los signos + son los que confunden a js, y esto los elimina por completo. Simple de implementar, aunque potencialmente confuso de entender.

ACTUALIZADO desde la última vez que se votó en contra ...

Solo vi la porción

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

antes, pero luego se me mostró que la txtcaja alimenta la variable dots. Debido a esto, deberá asegurarse de "limpiar" la entrada, para asegurarse de que solo tenga números enteros y no código malicioso.

Una forma fácil de hacerlo es analizar el cuadro de texto con un onkeyup()evento para asegurarse de que tenga caracteres numéricos:

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

donde el evento daría un error y borraría el último carácter si el valor no es un número:

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

Obviamente, también podrías hacer eso con expresiones regulares, pero tomé el camino perezoso.

Desde entonces, sabría que solo los números podrían estar en el cuadro, debería poder usar eval():

dots = eval(dots) + 5;