测试一个简单的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>