javascriptでbuttonにイベントを登録する

javascriptで、buttonにeventを登録したいです。サイトを参考にして以下のコードを書いたのですが、動きません。どこが間違っていますか？

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link type="text/css" rel="stylesheet" href="/css/global.css" />
<title>Preview</title>
</head>
<body>
	<div class="button">	
		<input type="button" value="test" id="a" />
	</div>
<script><!--リスナー登録-->
function a(){alert("test");}
var allplay = document.getElementById("allplay");
allplay.addEventListener("click", a, false);
</script>
</body>
</html>

行動規範の内容に同意します

回答1件

id="allplay" な要素が存在しないので、document.getElementById("allplay") === null になります。

(2016/02/01 00:47追記)
上記修正後、動作する事を確認しました。

Edit fiddle - JSFiddle

html
1<div class="button">
2  <input type="button" value="test" id="a" />
3</div>
4<script>
5function a () { alert('test'); }
6var allplay = document.getElementById('a');
7allplay.addEventListener('click', a, false);
8</script>

Re: yamanoharu0129 さん

投稿2016/01/31 02:04

編集2016/01/31 15:48

think49

総合スコア18162

yamanoharu0129

2016/01/31 03:51

すみません、idの変更を忘れていました。 document.getElementById("a")で試しています。

think49

2016/01/31 08:34

私の環境では該当個所を修正すれば動作しています。マイナス評価になっていますが、どういった理由でマイナス評価となったのかを教えて頂ければ有り難いです。 https://jsfiddle.net/cm33hp5t/ あえて気になる点をあげるなら function a と id="a" でグローバル変数が重複している事ですが、function a が有効なのでそこは問題ないかと。

行動規範の内容に同意します