javascript 表示 4 高于 16

Question

function getNum() {
    num = $('.slicesinput').val();
    num2 = $('.numinput').val();
    if (num === "" || num2 === "") {
        alert('Your inputs may not be empty, else the diagram won\'t work proper...');
    } else {
        if (num > num2) {
            alert('Whoops, ' + num + ' is a higher number than ' + num2 + ', please fix this and try again');
        } else if (num === num2) {
            alert('Woops, ' + num + ' and ' + num2 + ' is the same number...');
        } else {
            progressBarUpdate(num, num2);
        }
    }
}

HTML

<p>Number of slices you want</p>
<input name="slices" class="slicesinput" type="text"/>
<p>Out of max slices</p>
<input name="num" class="numinput" type="text"/>
<p>Ex. 3 + 6</p>
<input type="submit" onclick="getNum()"/>

当我提交这个时，第一个是 ex 4，第二个是 16，它会弹出一个警告“糟糕，4 比 16 大，请解决这个问题，然后再试一次”，但是如果我选择 4 和 6，它工作正常..？实际问题是什么？我该如何解决这个问题？

Answer 1

尝试将“num”变量放入 Number() 函数中，因为它们可能会作为字符串而不是数字进行比较。您还可以将输入的类型更改为数字。