on单击不工作

onClick not working

本文关键字：工作 单击 on      更新时间：2023-09-26

我的id为"jump button"的按钮根本不工作。无论何时单击它，都不会发生任何事情。（我添加了一个alert（）；到onclick属性，这样我就知道按钮何时工作。

另外两个按钮（下一个和上一个）运行得非常好。

<body>
<div id="fact">Fact #1: In 2002, the most popular boat name in the U.S. was Liberty</div>
<input id="next" type="image" src="images/next-button.png" name="next" value="Next" onClick="num++;document.getElementById('fact').innerHTML=getFact(num);"/>
<input id="prev" type="image" src="images/prev-button.png" name="previous" value="Prev" onClick="num--;document.getElementById('fact').innerHTML=getFact(num);"/>
<p id="jump-text">Jump To Fact #</p>
<input id="textarea" type="text" name="factNumber" />
<input id="jump-button" type="image" src="images/jump-button.png" name="jump" value="Jump" onClick="alert();num = document.getElementById('textarea').value;document.getElementById('fact').innerHTML='getFact(num);"/>
</body>

外部JS文件（已在HTML标头中导入）

facts = [element1, element2, ... wayy too many elements to have them all here];
var num = 1;
function getFact (num){
    return 'Fact #' + num + ' ' + facts[num-1]; 
}

正如你所看到的，这是一个正在构建的非常简单的应用程序（它只是贯穿了各种有趣的事实）。我是javascript的新手，所以如果我犯了一个非常明显的错误，请原谅我。

我的CSS文件也非常好和简单，我怀疑它会引起麻烦，但如果需要，我会根据要求拍摄它。

最后，html <head>的其余部分也非常简单（仅由一些元数据、标题、css和javascript导入组成）。

如果有人需要更多信息来帮助我启动"跳转"按钮，请询问。

内联onClick属性中有一个杂散'。

// ---------------------------------------------------v
onClick="...document.getElementById('fact').innerHTML='getFact(num);"
相关文章：