Question

我的带有“跳转按钮”的按钮根本不起作用。无论何时点击它都不会发生任何事情。（我已经在onclick属性中添加了一个alert（）;所以我知道按钮何时工作。

另外两个按钮（next和prev）工作正常。

<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导入）。

如果有人需要更多信息来帮助我使用“跳转”按钮，请询问。

Answer 1

您的内联'属性中有一个迷路onClick。

// ---------------------------------------------------v
onClick="...document.getElementById('fact').innerHTML='getFact(num);"

onClick不工作

1 个答案: