我的HTML与JavaScript代码存在问题，请帮忙排查（Chrome+VSCode环境）

我是JavaScript初学者，不清楚我的HTML和JavaScript代码中存在什么问题。我使用Google Chrome作为浏览器，VSCode作为代码编辑器，请帮忙找出错误。

HTML代码 #

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <label > Enter Your Age:</label><br>
  <input type="text" id="myText" placeholder="Enter your text"><br> 
  <button type="submit" id="mySubmit">Submit</button><br>
  <p id="resultElement"></p>

  <script src="index.js"></script>
  
</body>
</html>

JavaScript代码 #

const myText = document.getElementById("myText");
const mySubmit = document.getElementById("mySubmit");
const resultElement = document.getElementById("resultElement");
let age;
mySubmit.onClick = function(){
  
  age = Number(myText.value);
  if (age >= 100) {
    resultElement.textContent ="You are too old to enter this site.";
  }
  else if (age == 0) {
    resultElement.textContent ="You are too young to enter this site.";
  }
  else if (age >= 18) {
    resultElement.textContent ="You can enter this site now.";
  }
  else if (age < 0) {
    resultElement.textContent ="You are not a human.";
  }
  else {
    resultElement.textContent ="You can only this site enter when your age crosses 18.";
  }
}

代码错误及修复方案 #

• 事件绑定拼写错误：mySubmit.onClick 需改为 mySubmit.onclick（c为小写）。DOM元素的点击事件属性是全小写的onclick，大写写法无法触发点击事件，这是按钮无响应的核心原因。
• 条件判断逻辑顺序错误：当前代码中负数年龄的判断靠后，输入负数时会直接进入else分支。需将age < 0的判断移到最前面，优先处理无效的负数输入。
• 非数字输入未处理：若输入字符串（如"abc"），Number(myText.value)会返回NaN，此时所有条件都不满足，会走到else分支。需添加isNaN(age)的判断，提示用户输入有效数字。
• 按钮类型冗余：按钮type="submit"用于表单提交，但当前代码无<form>标签，建议改为type="button"，避免浏览器默认表单提交行为干扰功能。
• 提示文本语法错误：最后一个else里的句子语法不通，应改为"You can only enter this site when you are over 18."（中文表述为"你年满18岁后才能访问本站。"）。

修复后的JavaScript代码示例 #

const myText = document.getElementById("myText");
const mySubmit = document.getElementById("mySubmit");
const resultElement = document.getElementById("resultElement");
let age;

mySubmit.onclick = function(){
  age = Number(myText.value);
  
  // 处理非数字输入
  if (isNaN(age)) {
    resultElement.textContent = "请输入有效的数字年龄。";
  } 
  // 处理负数年龄
  else if (age < 0) {
    resultElement.textContent = "你不是人类吧？年龄不能是负数。";
  } 
  // 处理百岁以上
  else if (age >= 100) {
    resultElement.textContent = "你的年龄太大，无法访问本站。";
  } 
  // 处理0岁
  else if (age == 0) {
    resultElement.textContent = "你太小了，还不能访问本站。";
  } 
  // 处理成年
  else if (age >= 18) {
    resultElement.textContent = "你现在可以访问本站了。";
  } 
  // 处理未成年
  else {
    resultElement.textContent = "你年满18岁后才能访问本站。";
  }
}

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