2012-02-18 66 views
0

「ジャンプボタン」という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のインポートのみで構成されています)。

「ジャンプ」ボタンが機能するために必要な情報が必要な人は、質問してください。

+0

@Saniはいhttp://www.w3schools.com/html5/tag_input.asp –

答えて

5

インラインonClick属性に迷惑メール'があります。

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

む〜がある私はいくつかの睡眠(またはそれ以上のカラフルなIDE)を必要とするように、見えます。私はその行を数十回見渡し、バグを見つけることができませんでした。私はあなたに最高に感謝しています! –

+0

@JimmyHuch:喜んで私は助けることができました。 –

+1

よく見つかった:) –

関連する問題