ボタンを表示する

左上「HTML」の入力欄に、以下の通りHTMLを入力すると、画面にボタンが表示されます。

<button type="button">ボタン</button>

ボタンが表示されただけで、何の動作もしません。

ボタンを押したときに何か処理させる方法はいくつかあります。

「HTML」を、以下のようにして、

<button type="button" id="test">ボタン</button>

左下のJavaScriptの入力欄に、以下のようにプログラムを書くと、ボタンをクリックしたとき、小窓にメッセージを表示することができます。

document.getElementById('test').addEventListener('click', function(){
	alert('こんにちは！');
});