"message"： "キャッチされていないTypeError：x.addEventListenernは関数ではありません"、

-1

私はjavascriptとHTMLで新しくなっています。DOMで練習しています。私はこの問題を抱えており、このコードは実行されていません。 thatx.addEventListenernはエラーです。関数ではありません。どんな助けもありがとう。"message"： "キャッチされていないTypeError：x.addEventListenernは関数ではありません"、


          
   
    
     var counter = 0; 
 

 
     var x = document.getElementById("button"); 
 

 
     x.addEventListenern("click",button1,false);   
 
      function button1() 
 
     { 
 
     counter ++; 
 

 
     document.getElementById("counter").innerHTML = "Counter =" + counter; 
 
     } 
 

 

 
     
     <!DOCTYPE html> 
 
     <html lang="en"> 
 
     <head> 
 
      <meta charset="utf-8"/> 
 

 
      <title>Counter</title> 
 

 
      <script type="text/javascript" src= "Counter.js"></script> 
 

 
     <link rel="stylesheet" type = "text/css" href="Counter.css"/> 
 
     </head> 
 
     <body> 
 
     <div> 
 

 
     <button id ="button">Increment</button><br/> 
 

 
    </div> 
 
     <p id = "counter"></p> 
 

 

 
     <p id = "demo"></p> 
 
    
 
     </body> 
 

 
    </html>

出典

2017-03-14 ifte

addEventListenernは、addEventListenerをチェックする必要があります... –

-1

これを試してみてください：

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <meta charset="utf-8"/>  
     <title>Counter</title> 
     <link rel="stylesheet" type = "text/css" href="Counter.css"/> 
    </head> 
    <body> 
     <div> 
      <button id ="button">Increment</button><br/>  
     </div> 
     <p id = "counter"></p> 
     <p id = "demo"></p> 
     <script> 
      var counter = 0; 
      var x = document.getElementById("button"); 
      x.addEventListener("click",button1,false); 
      function button1() 
      { 
       counter ++; 
       document.getElementById("counter").innerHTML ="Counter ="+counter; 
      } 
     </script> 
    </body>  
</html>

はjsfiddle here

出典

2017-03-14 05:08:55

あなたはバリント@ '' –

後にスクリプトを置くべきではない - 感謝を。固定 –

@ Shakti - ありがとうございました – ifte

"message"： "キャッチされていないTypeError：x.addEventListenernは関数ではありません"、

答えて

関連する問題