会话存储编号变量存储为字符串

Mik*_*hie 4 javascript jquery session-storage

我正在尝试使用sessionstorage存储js数字变量,但是当我从存储中检索变量时,当我将它们添加在一起时,它们的行为就像字符串变量。我认为这可能与我使用 sessionStorage.setItem 存储变量的方式有关,但不确定

我已将代码保存在http://codepen.io/MHUMPHRI/pen/bpXpPm

非常感谢任何帮助。干杯。麦克风

<html>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

OUTPUT TOTAL IS:
<div id="TotalOutput"></div>
<br>

<script>
  $(document).ready(function () { 
            InputTotals()
            OutputTotals()
        });
</script>

</html>

<script>

var input1 = 222
var input2 = 111
var input3 = 777
var input4 = 777

function InputTotals() {
  var totalA = input1 + input2;
  var totalB = input3 + input4;
  sessionStorage.setItem("TotalA", totalA);
  sessionStorage.setItem("TotalB", totalB);
}

function OutputTotals() {
  var output1 = sessionStorage.getItem("TotalA");
  var output2 = sessionStorage.getItem("TotalB");
  var totaloutput = output1 + output2;
  $("#TotalOutput").html(totaloutput);
}

</script>
Run Code Online (Sandbox Code Playgroud)

Ate*_*ral 7

使用parseInt(以 10 为基数,以便与旧版浏览器兼容)解析字符串以获取整数。parseFloat如果您要处理小数,请使用。

var output1 = parseInt(sessionStorage.getItem("TotalA"), 10);
Run Code Online (Sandbox Code Playgroud)