title: JS console tells me that defined function is not a function
body: <p>In my javascript file, I define clear as such:</p>
  
  <pre><code>function clear() {
      document.imp1.value = 0
      document.imp2.value = 0
  }
  </code></pre>
  
  <p>I'm unsure about the syntax of that, but that is not the issue here (although if it is wrong, I'd appreciate a bit of help in that too.) My issue is that whenever I press the button clear, as defined:</p>
  
  <pre><code>&lt;div id="calc"&gt;
      &lt;form name="calc_input"&gt;
      &lt;input type="text" id="imp1" value="0"/&gt;
      &lt;input type="text" id="imp2" value="0"/&gt;
      &lt;!-- buttons --&gt;
      &lt;button type="button" onclick="clear()" id="clear"&gt;Clear&lt;/button&gt;
  
      &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I get an an error telling me that "clear" is not a function. Any ideas?</p>
  
  <p>Edit: It turns out clear was conflicting with another built-in function, I renamed it to clr and it works.</p>