的Javascript添加整数作为一个字符串

Question

http://unkk9a8915e1.neonz27.koding.io/genetics

例如，如果你加6和4的1-2范围内你会得到641或642，而不是11或12！

function calculate() 
 
{ 
 
    var radius1 = document.getElementById("cell1Value").value; 
 
    var radius2 = document.getElementById("cell2Value").value; 
 
    var radiusAvrg = (radius1 + radius2)/2; 
 
    var childRadius = radius1 + radius2 + (Math.floor(Math.random() * 6) + 1); 
 
    console.log(childRadius); 
 
    confirm("The child's radius is " + childRadius); 
 
}

<h1>ParentCell01's Radius</h1> 
 
<input type="text" name="cell1Value" id="cell1Value" /> 
 
<br /> 
 
<h1>ParentCell02's Radius</h1> 
 
<input type="text" name="cell2Value" id="cell2Value"/> 
 
<br /> 
 
<button onclick="calculate()">Calculate child's radius.</button>

Answer 1

您需要的值转换为数字：

var radius1 = +document.getElementById("cell1Value").value; 
var radius2 = +document.getElementById("cell2Value").value; 

Answer 2

你需要做数学运算一样

var radius1 = parseInt(document.getElementById("cell1Value").value); 

Answer 3

前解析包含int值的字符串

这里你的功能应该看起来像。

function calculate() 
     { 
      var radius1 = parseInt(document.getElementById("cell1Value").value); 
      var radius2 = parseInt(document.getElementById("cell2Value").value); 
      var radiusAvrg = (radius1 + radius2)/2; 
      var childRadius = radius1 + radius2 + (Math.floor(Math.random() * radiusAvrg) + 1); 
      console.log(childRadius); 
      confirm("The child's radius is " + childRadius); 
     }