Jim*_*uch 0 html javascript onclick
ID为"跳按钮"的按钮根本不起作用.无论何时点击它都不会发生任何事情.(我已经在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>也非常简单(仅包含一些元数据,title,css和javascript导入).
如果有人需要更多信息来帮助我使用"跳转"按钮,请询问.
小智 5
您'的内联onClick属性中有一个迷路.
// ---------------------------------------------------v
onClick="...document.getElementById('fact').innerHTML='getFact(num);"
| 归档时间： |
|
| 查看次数： |
3825 次 |
| 最近记录： |