Como forçar JS a fazer matemática em vez de colocar duas cordas juntas

Eu preciso de javascript para adicionar 5 a uma variável inteira, mas em vez disso ele trata a variável como uma string, então escreve a variável e, em seguida, adiciona 5 no final da "string". Como posso forçá-lo a fazer matemática em vez disso?

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

Resultado: 55

Como posso forçar a saída 10?

Você tem a linha

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

em seu arquivo, isso definirá os pontos como uma string porque o conteúdo do txt não está restrito a um número.

para convertê-lo em um int, altere a linha para:

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

Nota: O 10aqui especifica decimal (base 10). Sem isso, alguns navegadores podem não interpretar a string corretamente. Veja MDN: parseInt.

o mais simples:

dots = dots*1+5;

os pontos serão convertidos em números.

NÃO SE ESQUEÇA - Use parseFloat();se você estiver lidando com decimais.

Estou adicionando esta resposta porque não a vejo aqui.

Uma maneira é colocar um caractere '+' na frente do valor

exemplo:

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

x === 15

Eu descobri que esta é a maneira mais simples

Neste caso, a linha:

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

pode ser alterado para

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

forçar a um número

NOTA:

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

parseInt() deve fazer o truque

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

Da-te

sum == 35
pin == "2510"

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

Nota: O 10in parseInt(number, 10)especifica decimal (base 10). Sem isso, alguns navegadores podem não interpretar a string corretamente. Veja MDN: parseInt.

Isso também funciona para você:

dots -= -5;

é realmente simples, apenas

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

isso força o javascript a se multiplicar porque não há confusão para * sign in javascript.

Você pode adicionar + atrás da variável e isso a forçará a ser um número inteiro

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

Depois de tentar a maioria das respostas aqui sem sucesso para meu caso específico, eu vim com o seguinte:

dots = -(-dots - 5);

Os sinais + são o que confundem js, e isso os elimina completamente. Simples de implementar, embora potencialmente confuso para entender.

ATUALIZADO desde a última votação negativa ....

Eu só vi a porção

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

antes, mas depois me foi mostrado que a txtcaixa alimenta a variáveldots . Por causa disso, você precisará ter certeza de "limpar" a entrada, para ter certeza de que ela contém apenas números inteiros, e não código malicioso.

Uma maneira fácil de fazer isso é analisar a caixa de texto com um onkeyup()evento para garantir que ela tenha caracteres numéricos:

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

onde o evento forneceria um erro e limparia o último caractere se o valor não for um 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, você também pode fazer isso com regex, mas escolhi o caminho mais preguiçoso.

Desde então, você saberia que apenas números podem estar na caixa, você deve ser capaz de usar apenas eval():

dots = eval(dots) + 5;