javascript - キャッチされていないタイプのエラーは、未定義のプロパティ「イベント」を読み取ることができません

Question

コンソールのフォームに入力された値を書き込む単純なアプリを作成しようとしています:

HTML:

<input type="email" name="email-address" value="" id="email-address" />

<label for="password">Password</label>
<input type="password" name="password" value="" id="password" />

<input type="submit" name="submit" class="btn" value="Login" onclick="login_existing_submit()" id="register-submit" />

Javascript:

function login_existing_submit() {
    console.log(document.getElementById("email-address").value);            
}

Answer 1

これで試してください

onclick="login_existing_submit();"

また、このonclickイベントを送信するのではなく、ボタンに適したものにします（よくわかりませんが、それは良いことです）

Answer 2

この形だと困ります。この場合、onclick ハンドラが呼び出されますが、フォームも送信されるためです。あなたのコードからは問題ないようです。

また、フィドルを作成しました。

Answer 3

ID にハイフンは使用できません。

<input type="email" name="email-address" value="" id="emailaddress" />

function login_existing_submit() 
{
    console.log(document.getElementById("emailaddress").value);            
}

働くフィドル。