javascript - If/Else 和 typeof 问题

Question

问题是，我不知道为什么这段代码不起作用。我到处找遍了!
此代码的作用是从数字框中获取信息，然后在用户输入文本(错误)时显示一条消息，如果用户输入数字则显示一条成功消息。
HTML ->

<input type="number" id="number">
<button onclick="makeTrack()">Make Track</button>
<div><div>

JS -> 问题从哪里开始!

function makeTrack() {
    var e = document.getElementById("number").value;
    if(typeof e === "number";) {
        alert("It works!");
    } else if(typeof e === "string") {
        alert("Please input a number!");
    }
}

Answer 1

document.getElementById("number").value

value所有元素始终是一个字符串； JS 不会试图智取你并猜测它是否是一个数字(那将是灾难性的!)。首先尝试解析它，如下所示:

function makeTrack() {
    var e = parseInt(document.getElementById("number").value, 10);
    if(!isNaN(e)) {
        alert("It works!");
    } else {
        alert("Please input a number!");
    }
}

请注意，这将解释 "12345 this is a string" 的输入如12345 。如果这是不可取的，请尝试以下操作:

var e = document.getElementById("number").value;
if (/^[0-9]+$/.test(e)) {
    // good
    e = parseInt(e, 10); // make sure to still convert it to a number!
}