私の単純なJavaScriptコードは機能しません

Question

私はJSFiddleでこの単純で基本的なコードを持っています。 これはうまくいかないようです。 私がしたいことは、head2 idのinnerHTMLをJavaScriptコード内のテキストに変更することです。

あなたの考えをお知らせください！

P.Sこれはので、私は、彼らがすでにonclick="clickMe()"に私が変更onclick="clickMe"

function clickMe() { 
 
\t var hehe = document.getElementById('head2'); 
 
    hehe.innerHTML = "<strong>I changed the heading!</strong>"; 
 
}

<h1> 
 
This is heading one 
 
</h1> 
 
<h2 id="head2"> 
 
This is heading two 
 
</h2> 
 
<input value="Click me!" type="button" onclick="clickMe">

Answer 1

を信じて、それをリンクとしてJavaScriptが私のHTMLにファイルをリンクしませんでしたJSFiddleです。あなたはカッコ

function clickMe() 
 
{ 
 
    var hehe = document.getElementById('head2'); 
 
    hehe.innerHTML = "<strong>I changed the heading!</strong>"; 
 
}

<h1>This is heading one</h1> 
 
<h2 id="head2">This is heading two</h2> 
 
    
 
<input value="Click me!" type="button" onclick="clickMe()">

Answer 2

はここ

Answer 3

は別の代替である 'onclickの' あなたの関数名の中に括弧を追加し忘れてしまいました。これは私の好みですが、ノードにonClick属性を追加するのではなく、JavaScriptでイベントを処理する方が好きです。ここに別の方法があります。

var myButton = document.getElementById('myButton'); 
 
myButton.addEventListener("click", clickMe); 
 
function clickMe() { 
 
\t var hehe = document.getElementById('head2'); 
 
    hehe.innerHTML = "<strong>I changed the heading!</strong>"; 
 
}

<h1> 
 
This is heading one 
 
</h1> 
 
<h2 id="head2"> 
 
This is heading two 
 
</h2> 
 
<input value="Click me!" id="myButton" type="button">

Answer 4

は直後に "）（" = "clickMe（）" の代わりにonclickの= "clickMe" あなたは忘れてしまった

function clickMe() { 
 
\t var hehe = document.getElementById('head2'); 
 
    hehe.innerHTML = "<strong>I changed the heading!</strong>"; 
 
}

<h1> 
 
This is heading one 
 
</h1> 
 
<h2 id="head2"> 
 
This is heading two 
 
</h2> 
 
<input value="Click me!" type="button" onclick="clickMe()">

Answer 5

を使用してのonclickを使いますJavascript関数への呼び出し。これは正しいコードです。楽しい ：） ！

function clickMe() { 
 
\t var hehe = document.getElementById('head2'); 
 
    hehe.innerHTML = "<strong>I changed the heading!</strong>"; 
 
}

<h1> 
 
This is heading one 
 
</h1> 
 
<h2 id="head2"> 
 
This is heading two 
 
</h2> 
 
<input value="Click me!" type="button" onclick="clickMe()">