「ジャンプボタン」というIDを持つマイボタンがまったく動作しません。クリックされるたびに何も起こりません。 (I)は(アラートを追加した;。のonclick属性にボタンが動作しているときに私が知っているので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ヘッダーでinportedされています)
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ファイルもとても素敵でシンプルですが、問題を引き起こしているのではないかと疑いがありますが、必要な場合はリクエストに応じてそれを撮影します。
最後に、残りの<head>
も非常にシンプルです(一部のメタデータ、タイトル、CSS、およびJavaScriptのインポートのみで構成されています)。
「ジャンプ」ボタンが機能するために必要な情報が必要な人は、質問してください。
@Saniはいhttp://www.w3schools.com/html5/tag_input.asp –