title: Javascript OnClick event
body: <p>Here's a bit of code from a simple currency converter I'm building. The <code>calculate()</code> script runs fine, but the <code>clear()</code> code refuses to work and it appears the same?? </p>
  
  <pre><code>&lt;a href="#" OnCLick="calculate();"&gt;US - CDN&lt;/a&gt;
  &lt;a href="#" OnCLick="clear();"&gt;Clear&lt;/a&gt;
  
  &lt;script type="text/javascript"&gt;
      function clear() {
              document.getElementById('us-cdn1').innerHTML = '';
      }
  &lt;/script&gt;
  &lt;script type="text/javascript"&gt;
      function calculate() {
          var amount = parseFloat(document.getElementById("amount").value);
          var result = document.getElementById("amount");
              result.value = (amount).toFixed(2);
          var result = document.getElementById("amount1");
              result.value = (amount * .9861932938856016).toFixed(2); 
              document.getElementById('us-cdn').innerHTML = 'US';
              document.getElementById('us-cdn1').innerHTML = 'CDN';
      }
  
  &lt;/script&gt;
  </code></pre>