Мой простой код JavaScript не работает

Question

У меня есть простой и простой код, который я сделал на JSFiddle Кажется, он не работает. Что я хочу сделать, это изменить innerHTML идентификатора head2 на текст в коде JavaScript

Дайте мне знать, что вы думаете!

P.S это в JSFiddle, так что я не связывал файл JavaScript в моем HTML, поскольку они уже связывают его, я считаю,

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

Смените onclick="clickMe" к onclick="clickMe()". Вы забыли скобка

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

Добавить скобки в 'OnClick' для имени функции

Answer 3

Вот еще одна альтернатива. Это только мои предпочтения, но я предпочитаю обрабатывать события в JavaScript вместо добавления атрибута onClick к узлам. Вот альтернатива.

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

просто использовать 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 5

Вы забыли "()" после того, как вызов функции 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()">