Comment forcer JS à faire des maths au lieu de mettre deux chaînes ensemble

J'ai besoin de javascript pour ajouter 5 à une variable entière, mais à la place, il traite la variable comme une chaîne, donc il écrit la variable, puis ajoute 5 à la fin de la "chaîne". Comment puis-je le forcer à faire des maths à la place?

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

Production: 55

Comment puis-je le forcer à sortir 10?

Vous avez la ligne

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

dans votre fichier, cela définira les points comme une chaîne car le contenu de txt n'est pas limité à un nombre.

pour le convertir en int, changez la ligne en:

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

Remarque: 10ici spécifie décimal (base-10). Sans cela, certains navigateurs peuvent ne pas interpréter correctement la chaîne. Voir MDN: parseInt.

le plus simple:

dots = dots*1+5;

les points seront convertis en nombre.

N'OUBLIEZ PAS - À utiliser parseFloat();si vous traitez avec des décimales.

J'ajoute cette réponse parce que je ne la vois pas ici.

Une façon est de mettre un caractère «+» devant la valeur

exemple:

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

x === 15

J'ai trouvé que c'était le moyen le plus simple

Dans ce cas, la ligne:

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

pourrait être changé en

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

pour le forcer à un nombre

REMARQUE:

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

parseInt() devrait faire l'affaire

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

Vous donne

sum == 35
pin == "2510"

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

Remarque: le 10in parseInt(number, 10)spécifie décimal (base-10). Sans cela, certains navigateurs peuvent ne pas interpréter correctement la chaîne. Voir MDN: parseInt.

Cela fonctionne également pour vous:

dots -= -5;

c'est vraiment simple juste

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

cela oblige javascript à se multiplier car il n'y a pas de confusion pour * sign in javascript.

Vous pouvez ajouter + derrière la variable et cela la forcera à être un entier

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

Après avoir essayé la plupart des réponses ici sans succès pour mon cas particulier, j'ai trouvé ceci:

dots = -(-dots - 5);

Les signes + sont ce qui confond js, et cela les élimine complètement. Simple à mettre en œuvre, même s'il est potentiellement déroutant à comprendre.

MIS À JOUR depuis le dernier vote négatif ...

Je n'ai vu que la portion

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

avant, mais on m'a montré plus tard que la txtboîte alimente la variable dots. Pour cette raison, vous devrez être sûr de "nettoyer" l'entrée, pour être sûr qu'elle ne contient que des entiers et non du code malveillant.

Un moyen simple de le faire est d'analyser la zone de texte avec un onkeyup()événement pour s'assurer qu'elle contient des caractères numériques:

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

où l'événement donnerait une erreur et effacerait le dernier caractère si la valeur n'est pas un nombre:

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

De toute évidence, vous pouvez le faire avec regex, mais j'ai choisi la voie paresseuse.

Depuis lors, vous sauriez que seuls les nombres peuvent être dans la boîte, vous devriez pouvoir simplement utiliser eval():

dots = eval(dots) + 5;