測試一個簡單的javascript按鈕

Question

嗨，先生們，女士們。我試圖測試按鈕，看它是否綁定到事件，但它不工作。我一直在這幾個小時，無法找到答案。我正在尋找分離HTML和javsScript的代碼。我是新來的，我非常感謝你的時間。當我點擊按鈕時，我無法使警報工作。

var formId; 
 

 
formId = document.GetElementById("button"); 
 
function run(){ 
 
    
 
alert("Stack overflow"); 
 
    
 
} 
 

 

 
formId.addEventListener("submit", run, false);

<div id ="content"> 
 
    <div id ="title">Special Offers</div> 
 
    <div id="colors">Sign-up to receive personalized offers! 
 
    </div> 
 
     
 
    <fieldset> 
 
     <legend> Please enter your information</legend> 
 
     <form action="#" method="post" /> 
 
     <input type="text" /> 
 
      <label for ="button">add</label> 
 
     </form> 
 
       
 
     </fieldset> 
 
    
 
    <!--**************Button******--> 
 
    
 
    <button type="submit" id="button">submit</button> 
 
    
 
</div>

Answer 1

嘗試...

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

function run(){ 
    alert("Stack overflow"); 
} 

formId.addEventListener("click", run, false); 

當我使用.getElementById（拼寫）和監聽click事件。

小提琴：http://jsfiddle.net/rfornal/9duqfgL6/

Answer 2

你可以使用下面的代碼：

<div id ="content"> 
    <div id ="title">Special Offers 
    </div> 
    <div id="colors">Sign-up to receive personalize offers! 
    </div>   
    <button type="submit" id="button" onclick="run()">submit</button> 
</div> 

和你的JS應該如下：

function run(){ 
    alert("stack overflow"); 
} 

Answer 3

你form標籤是自動關閉。它應該是getElementById。嘗試click事件而不是submit事件。您的button不在form之內。當你有你的按鈕時，你可以將submit事件監聽器添加到你的表單中。

var formId = document.getElementById("button"); 
 
function run(){ 
 
    alert("Stack Overflow"); 
 
} 
 
formId.addEventListener("click", run, false);

<div id ="content"> 
 
    <div id ="title">Special Offers</div> 
 
    <div id="colors">Sign-up to receive personalized offers!</div> 
 
    <fieldset> 
 
    <legend> Please enter your information</legend> 
 
    <form action="#" method="post"> 
 
     <input type="text"/> 
 
     <label for="button">add</label> 
 
     <button type="submit" id="button">submit</button> 
 
    </form> 
 
    </fieldset> 
 
</div>