javascript - 任何人都可以修复与大量数字进行 javascript 比较的方法吗？

Question

我一直在搞乱 HTML 和操纵 SVG。作为实践，我创建了一个页面，该页面使用 javascript 来解决勾股定理并在 300h x 300w 区域中显示三角形。a我认为我的问题是，当变量“ ”和变量“ ”之间的差异太大时，b比较“ if(a>b)”不能正常工作。所以它非常适合a=55andb=32甚至a=5555andb=5000但是如果我这样做a=1001并且b=55它似乎运行它就好像b大于a.

<h2>Pythagorean theorem</h2>
<p>Enter Variable "a"<input id="vara" type="text"></p>
<p>Enter Variable "b"<input id="varb" type="text"></p>
<p><span id="a">a</span><sup>2</sup> + 
<span id="b">b</span><sup>2</sup> = 
<span id="c">c</span><sup>2</sup></p>

<script>
function pythagorean(){
var a=document.getElementById("vara").value;
var b=document.getElementById("varb").value;
var x=a * a + b * b;
var c=Math.sqrt(x);

if(a>b){
    ay=0
bx=b/a*300
}
else{
ay=300-(a/b*300)
bx=300
}

document.getElementById("a").innerHTML=a;
document.getElementById("b").innerHTML=b;
document.getElementById("c").innerHTML=c;
document.getElementById('trianglepoints').setAttribute("points",bx+",300 0,300 0,"+ay);
}

</script>

<svg id="triangle xmlns="http://www.w3.org/2000/svg" version="1.1" height="300" width="300">
<polygon id="trianglepoints" points=""
style="fill:red;stroke:black;stroke-width:1;">
</svg>
<br />

<button type="button" onclick="pythagorean()">calculate</button>

Answer 1

确保将返回的String值element.value转换为Number：

a = document.getElementById('vara').value;
a = +a;
-or-
a = Number(a);

否则，当您比较a > b时，它将进行字符串比较，并且'1001'小于'55'（首先比较的第一个字符）。