ボタンをクリックするとパスワードを要求するコール関数

Question

イベントを終了してログインページに戻るためにパスワードを要求しようとしていますが、ボタンをクリックしても何も起こりません。

私が使用している機能とボタンは以下のとおりです。これは、私が次のページに提出するために使用しているフォームの最後の下にあることに注意してください。

<button id="exitBtn">End Event</button> 
 

 
<script> 
 
    var exitBtn = document.getElementById("exitBtn"); 
 
    exitBtn.addEventListener("click", password()); 
 

 
    function password() { 
 
    var realPW = "<?php echo $pw ?>"; 
 
    var pword = prompt("Please enter your password:"); 
 
    if (realPW == pword) { 
 
     self.location = "LoginBox.php" 
 
    } 
 
</script>

Answer 1

あなたがimidiatly機能を呼び出しているpassword()、あなただけpasswordを使用する必要があります。

passwordがreturn password;で終了した場合はコードが機能し、addEventListenerメソッドで使用される可能性がありますが、そうではありません。したがって、関数はundefinedを返し、起きるのは.addEventListener('click', undefined);です。

固定コード：

終了イベント

<script> 
var exitBtn = document.getElementById("exitBtn"); 
exitBtn.addEventListener("click", password); 

function password() { 
    var realPW = "<?php echo $pw ?>"; 
    var pword = prompt("Please enter your password:"); 
    if (realPW == pword) { 
     self.location = "LoginBox.php" 
    } 
} 
</script>