JavaScript条件页面跳转实现求助：输入正确答案后跳转页面

你的代码存在几个关键问题，我会直接给出修正后的完整代码并说明修改点：

原代码的核心问题 #

• 没有获取输入框的实际内容，bynavn变量始终为空，导致判断逻辑失效
• 按钮的onclick属性未绑定函数，点击后不会触发任何操作
• 错误地给按钮和输入框设置src属性（这两个元素不存在该属性）
• 未定义的enter变量会引发控制台报错

修正后的完整代码 #

HTML部分 #

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="robots" content="noindex, nofollow">
  <meta name="googlebot" content="noindex, nofollow">
  <title>Niveau 5</title>
  <link href="/ZPWSODwhnzO!SJKAzmaPQ/style.css" rel="stylesheet" type="text/css" media="all">
</head>
<body>
  <div>
    <img src="hvorervihenne.png" width="1199" height="611" />
    <br> Hvor er vi?: <input type="text" id="tekst">
    <!-- 绑定点击事件到submit函数 -->
    <button onclick="submit()" id="knap">Enter</button>
    <script src="/svar.js"></script>
  </div>
</body>
</html>

JavaScript部分（svar.js） #

function submit() {
  // 获取输入框内容，去除首尾空格避免误判
  const bynavn = document.getElementById('tekst').value.trim();
  
  if (bynavn === "Vonsild") {
    // 答案正确，跳转目标页面
    location.href = "/lykkelig.htm";
  } else {
    // 答案错误，这里添加提示并清空输入框（可按需调整）
    alert("Forkert svar, prøv igen!");
    document.getElementById('tekst').value = "";
  }

  // 原代码中设置src的逻辑无效，已移除；如果需要修改按钮/输入框内容，可参考以下示例：
  // document.getElementById('knap').textContent = "Genstart";
  // document.getElementById('tekst').value = "";
}

关键修改说明 #

• 获取输入值：通过document.getElementById('tekst').value拿到用户输入的内容，trim()用来过滤输入前后的空格，避免用户不小心输入空格导致判断错误
• 绑定点击事件：给按钮的onclick属性添加submit()，确保点击按钮时触发判断逻辑
• 移除无效代码：删掉了错误的src属性设置，避免控制台报错
• 优化错误处理：答案错误时弹出提示并清空输入框，提升用户体验（你可以根据需求改成其他逻辑，比如不跳转或显示错误文本）

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