javascript - onblur 事件触发警报。完全菜鸟

标签 javascript html

如果已回答此问题,请道歉。很新鲜所以应该很容易。我无法让这个事件正常进行,而且我不应该在我出错的地方进行。如有任何帮助,我们将不胜感激!

我的html:

<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Final Project</title>
    <script src="courseproject.js"></script>
</head>

<body>
    <p>Type a number in the box below, choose either 1, 2, or 3.</p>
    <input type="text" id="nbr" onblur="myFunction()">
</body>

<footer style="margin-left: 100px; margin-top: 100px">
    <a href="main.html" class="menu">Home</a> 
    <a href="aboutme.html" class="menu">About</a> 
    <a href="futuregoals.html" class="menu">Goals</a> 
    <a href="contact.html" class="menu">Contact</a>
</footer>
</html>

我的外部 JS 函数:

funciton myFunction() {
    var x = document.getElementById("nbr").value;
    if (x == "1") {
        alert("Solid Choice");
    } else if (x == "2") {
        alert("Not Bad");
    } else if (x == "3") {
        alert("Eh You Tried");
    }
}

最佳答案

myFunction 公开到 window :

window.myFunction = function() {
  var x = document.getElementById("nbr").value;
  if (x=="1") {
    alert("Solid Choice");
  } else if (x=="2") {
    alert("Not Bad");
  } else if (x=="3") {
    alert("Eh You Tried");
  }
}

参见https://codesandbox.io/s/adoring-bartik-h63x9?fontsize=14&hidenavigation=1&theme=dark

关于javascript - onblur 事件触发警报。完全菜鸟,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59313128/

相关文章:

html - CSS bootstrap - 在输入上设置按钮向右拉

c# - 将列表转换为 XML

javascript - Android video.duration 直到 video.play() 才会加载

javascript - 使用 addevent 时 VideoJs 自动播放不会触发

javascript - 使用 Javascript 插入 XML 节点

html - 尝试对齐 div、HTML 和 CSS 中的文本

Javascript 转换 "jumps"而不是转换

javascript - 在本地项目中加载json文件而不使用web服务器

javascript - 如何使用 Three.js 加载 VRML 模型 (wrl)

html - 在 html 表单输入中向第二个背景 url 添加工具提示