JavaScript中if-else条件判断失效问题求助

核心错误点 #

• 类型判断逻辑完全错误：prompt()函数的返回值始终是字符串类型（即使用户输入数字），你写的if (age === 'Number')是在判断变量age的值是否等于字符串"Number"，完全不符合判断输入是否为数字的需求。
• HTML结构冗余：代码开头重复了<html lang="en">标签，不符合HTML规范，可能导致浏览器解析异常。
• 数字比较的潜在风险：直接用字符串类型的age和数字18比较，会触发JavaScript隐式类型转换，可能出现非预期结果（比如输入"018"会被识别为18，但输入"abc"会变成NaN）。

修复后的代码 #

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>challenge-5&6</title>
</head>

<body>
    <h1>Javascript Basic Challenge</h1>
    <h2>Challenge-5&6</h2>
    <script>
        var user = prompt("What's your Name?", "Aryan");
        var greetings = `Hello ${user} welcome to the website.`
        console.log(greetings);
        alert("Enter your age correctly! otherwise serious action will be taken against you");
        var ageInput = prompt("Please Enter your age?", 18);
        // 先将输入转换为数字，再判断是否为有效数字
        var age = Number(ageInput);
        if (!isNaN(age)) {
            if (age >= 18) {
                console.log("You are welcome as a new subscriber to our community! have a look around!");
            } else {
                alert("oops! You are under 18! please leave the site");
                console.log("oops! You are under 18! please leave the site");
            }
        } else {
            alert("you entered a wrong input! you have to enter a number!please try again.");
        }
    </script>
</body>

</html>

修复说明 #

1. 修正类型判断逻辑：使用Number()将输入转换为数字，再通过isNaN()判断转换结果是否为有效数字，准确识别用户是否输入合法数字。
2. 清理HTML冗余结构：移除重复的<html>标签，确保HTML结构符合规范。
3. 优化变量命名：将原age变量拆分为ageInput（存储原始字符串输入）和age（存储转换后的数字），逻辑更清晰。
4. 修正拼写错误：将原代码中的"plaese"改为"please"、"wesite"改为"website"，提升文本准确性。

内容的提问来源于stack exchange，提问作者Aryan Gupta