新手求助：读取姓名年龄的JavaScript弹窗函数无法正常运行

你的代码存在几个关键问题导致函数无法正常运行，逐一说明并修复：

错误点分析 #

• JavaScript大小写错误：parseint 是拼写错误，JS中正确写法为 parseInt（首字母大写），JS区分大小写，拼写错误会直接导致函数未定义报错。
• 表单默认行为干扰：<button> 在form标签内默认是submit类型，点击后会触发表单提交、页面刷新，导致alert提示一闪而过甚至完全无法显示。
• 语法不规范：var ageINT 未添加分号；username和userage赋值后多了一个冗余分号（虽不影响运行，但不符合编码规范）。
• 字符串拼接无空格：提示文本与变量拼接时未加空格，会导致输出内容连在一起（比如"welcome back" + username会变成welcome back张三），影响阅读体验。

修复后的完整代码 #

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title> Q2 LAB2 </title>
    <script>
        function welcommsg() {
            var username = document.getElementById("name").value;
            var userage = document.getElementById("age").value;
            var ageINT;

            ageINT = parseInt(userage);

            if (ageINT >= 18) {
                window.alert("welcome back " + username + ", we missed you!");
            } else {
                window.alert("Hello " + username + ", we are sorry. This website is for grown-ups only!");
            }
        }
    </script>
</head>
<body>
    <p> please enter your name and age </p>
    <form>
        name : <input id="name" type="text" />
        age : <input id="age" type="text" />
        <!-- 添加type="button"阻止表单默认提交行为 -->
        <button type="button" onclick="welcommsg();"> enter</button>
    </form>
</body>
</html>

额外优化建议 #

• 给年龄输入框设置type="number"，限制用户只能输入数字，避免非数字内容导致parseInt返回NaN的情况。
• 可添加输入校验逻辑，比如判断姓名和年龄是否为空，再执行后续提示逻辑。

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