Javascript OnClick event

Question

Here's a bit of code from a simple currency converter I'm building. The calculate() script runs fine, but the clear() code refuses to work and it appears the same??

<a href="#" OnCLick="calculate();">US - CDN</a>
<a href="#" OnCLick="clear();">Clear</a>

<script type="text/javascript">
    function clear() {
            document.getElementById('us-cdn1').innerHTML = '';
    }
</script>
<script type="text/javascript">
    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';
    }

</script>

sorry, bad post... the tag was closed... The calculate script works fine... just the clear is failing — publisher
– publisher, Commented Feb 3, 2013 at 18:03
btw... appreciate your quick answer... anything else look wrong there... I'm really scratching my head! — publisher
– publisher, Commented Feb 3, 2013 at 18:04
I recommend you use jQuery and add your listeners afterwards. Have a look at this fiddle — MCL
– MCL, Commented Feb 3, 2013 at 18:13
Here is a good explanation about clear() stackoverflow.com/questions/7165570/… — Arpit
– Arpit, Commented Feb 3, 2013 at 18:22

bicycle · Accepted Answer · 2013-02-03 18:27:47Z

1

clear() is a public function. Change it into:

<a href="#" onclick="clearField();">Clear</a>

<script type="text/javascript">
function clearField() {
        document.getElementById('us-cdn1').innerHTML = '';
}
</script>

edited Feb 3, 2013 at 18:27

answered Feb 3, 2013 at 18:02

bicycle

8,4489 gold badges55 silver badges72 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

insertusernamehere Over a year ago

+1 - Only as a note to be 100% accurate it's actually onclick, you can read about it here: onclick or onClick?

Collectives™ on Stack Overflow

Javascript OnClick event

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related