İki dizeyi bir araya getirmek yerine JS'yi matematik yapmaya zorlama

Bir tamsayı değişkenine 5 eklemek için javascript'e ihtiyacım var, ancak bunun yerine değişkeni bir dize olarak ele alıyor, böylece değişkeni yazıyor ve ardından "dizenin" sonuna 5 ekliyor. Onun yerine matematik yapmaya nasıl zorlayabilirim?

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

Çıktı: 55

Nasıl çıktı almaya zorlayabilirim 10?

Çizgiye sahipsin

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

dosyanızda, bu, noktaları bir dizge olarak ayarlayacaktır, çünkü txt içeriği bir sayı ile sınırlı değildir.

int'e dönüştürmek için satırı şu şekilde değiştirin:

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

Not: 10Burada, ondalık (taban-10) belirtir. Bu olmadan bazı tarayıcılar dizeyi doğru şekilde yorumlayamayabilir. MDN bakınız: parseInt.

en basit:

dots = dots*1+5;

noktalar sayıya dönüştürülecektir.

UNUTMAYIN - parseFloat();Ondalık sayılarla uğraşıyorsanız kullanın .

Bu yanıtı ekliyorum çünkü burada göremiyorum.

Bunun bir yolu, değerin önüne "+" karakteri koymaktır

misal:

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

x === 15

Bunu en basit yol olarak buldum

Bu durumda satır:

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

olarak değiştirilebilir

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

onu bir sayıya zorlamak

NOT:

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

parseInt() hile yapmalı

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

Sana verir

sum == 35
pin == "2510"

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

Not: in 10, parseInt(number, 10)ondalık sayıları belirtir (taban 10). Bu olmadan bazı tarayıcılar dizeyi doğru şekilde yorumlayamayabilir. MDN bakınız: parseInt.

Bu sizin için de geçerli:

dots -= -5;

gerçekten çok basit

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

javascript'te * oturum açma karmaşası olmadığından bu, javascript'i çarpmaya zorlar.

Değişkenin arkasına + ekleyebilirsin ve bu onu bir tam sayı olmaya zorlar

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

Benim özel durumum için cevapların çoğunu burada denedikten sonra, şunu buldum:

dots = -(-dots - 5);

+ İşaretleri js'nin kafasını karıştıran şeydir ve bu onları tamamen ortadan kaldırır. Anlaşılması kafa karıştırıcıysa, uygulaması basittir.

Bunun en son olumsuz oylanmasından bu yana GÜNCELLENDİ ...

Sadece kısmını gördüm

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

daha önce, ancak daha sonra txtkutunun değişkeni beslediği bana gösterildi dots. Bu nedenle, yalnızca tam sayılar içerdiğinden ve kötü amaçlı kod içermediğinden emin olmak için girişi "temizlediğinizden" emin olmanız gerekir.

Bunu yapmanın kolay bir yolu, metin kutusunu onkeyup()sayısal karakterler içerdiğinden emin olmak için bir olayla ayrıştırmaktır :

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

Olay bir hata verir ve değer bir sayı değilse son karakteri temizler:

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

Açıkçası bunu regex ile de yapabilirsiniz, ama ben tembel çıkış yolunu seçtim.

O zamandan beri, kutuda yalnızca sayıların olabileceğini bilecektiniz, yalnızca şunları kullanabilmelisiniz eval():

dots = eval(dots) + 5;