如何將 document.getElementById 值變成整數變量，而不是字符串？

Question

我想傳入一個從 html 對象獲得的值，將該值轉換為一個整數，這樣我就可以在輸出之前對其進行算術運算。 就像我現在的代碼一樣，它只是像一個字符串一樣把它們加起來。 因此，值 5 + 修飾符 100 最終等於 = 5100，而不是 105。

這是我的表單代碼：

<form>
    Add Amount: <select id="addTweets">
    <option value=5>5</option>
    <option value=10>10</option>
    <option value=15>15</option>
    </select>
    </br>
    <input type="button" value="Add It" onclick="addTweet()" />
</form>

這是我的腳本：

function addTweet()
{
var mod = 100;
var results = document.getElementById("addTweets").value;
results += mod;

document.getElementById("tweetsOutput").innerHTML = results;
}

Answer 1

一元加號 ( + ) 將其操作數強制轉換為數字：

var results = +document.getElementById("addTweets").value;
    ...

typeof( results ); // number

Answer 2

使用 parseInt：

var results = document.getElementById("addTweets").value;
var intResults = parseInt(results, 10) + mod;

Answer 3

你可以使用parseInt

var results = parseInt(document.getElementById("addTweets").value);

Answer 4

只需添加parseInt，然后您就可以正常添加它

 var results = parseInt(document.getElementById("addTweets").value);

編輯：

parseInt 替代，您可以使用“|0”使用按位或零

 var results = document.getElementById("addTweets").value|0;

Answer 5

嘗試：

var valResult = document.getElementById("addTweets").value; // get the value of the field

var results = parseInt(valResult) + mod; // convert the value to int to do calculation

document.getElementById("addTweets").value = results; // assign results to the field value

Answer 6

通常，您可以通過對其進行數學運算將字符串數值轉換為整數：

x = "9"; //String numerical value
y = 10;//integer value
alert(x+y)// output 910;
x = x*1;
alert(x+y) // output 19

結帳這個演示