javascriptでボタンに対してイベントリスナの設定がうまくいかない

javascriptでボタンに対してイベントリスナの設定がうまくいかないです．

このようなエラーが表示されます．

ボタン１を押した際は正しく表示されます．

ソースコードは以下になります．

javascript
1
2<!DOCTYPE html>
3<html lang="ja">
4  <head>
5    <meta charset="UTF-8">
6    <meta http-equiv="Content-Script-Type" conten="text/javascript">
7    <script type="text/javascript" src="hyouji.js"></script>
8  </head>
9  <body>
10    <input type="button" value="ボタン１" name="button1" onclick="creatParagraphElement();">
11    <input id="button2 "type="button" value="ボタン2" name="button2">
12    <script type="text/javascript">
13      var greet = document.createElement('p');
14      var text = document.createTextNode('ボタンがクリックされたンゴ');
15      var btn = document.getElementById("button2");
16      btn.addEventListener("click", creatParagraphElement, false);
17      function clickMethod() {
18        document.write("クリックされたンゴ")
19      }
20      function creatParagraphElement() {
21        document.body.appendChild(greet).appendChild(text);
22      }
23
24    </script>
25  </body>
26</html>

参考にしたページです

初歩的な質問ですが，よろしくお願いします．

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

回答1件

ベストアンサー

html
1    <input id="button2 "type="button" value="ボタン2" name="button2">

↑を↓に変更。

html
1    <input id="button2" type="button" value="ボタン2" name="button2">

投稿2016/11/05 08:58

Lhankor_Mhy

総合スコア36091

XNariNariX

2016/11/05 09:16

うわー，まじでお恥ずかしい・・・． var btn = document.getElementById("button2"); でエラーが出てなかったので，盲点でした．解答ありがとうございました！

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

あなたの回答

tips

プレビュー

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

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！

javascriptでボタンに対してイベントリスナの設定がうまくいかない

関連した質問