HTML页面点击按钮触发JavaScript弹出框无响应问题求助

核心错误点 #

• HTML结构不符合规范：<head>标签用于存放页面元数据（标题、样式引入、字符声明等），所有需要渲染到页面的可见元素（p标签、按钮等）必须放在<body>标签内。你把所有展示内容都写在了<head>里，浏览器解析时出现DOM加载异常，才会出现部分按钮事件绑定失效的问题。
• JavaScript文件引入方式错误：不能用<link>标签引入JS文件，需要使用专门的<script>标签，错误的引入方式会导致JS函数加载失败，自然触发不了对应逻辑。
• 额外说明：单个页面可以调用任意多个prompt弹出框，你的JS代码本身没有逻辑问题，不需要修改。

修复后的完整HTML代码 #

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title> Happy Birthday </title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <p id="name"></p>
    <p id="age"></p>

    <button type="button" onclick="askName();">Click Me for name</button>
    <button type="button" onclick="askAge();">Click Me for age</button>
    
    <!-- 放在body末尾引入JS，保证DOM元素加载完成后再执行JS逻辑 -->
    <script src="js/java.js"></script>
</body>
</html>

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