Why isn't my button function clear() working?

Question

Any particular reason why my button isn't working when I click on it? Here's the code.

    <script>
    function save() {
        if (isNaN(document.form.result.value) || document.form.result.value == 0) {
        document.getElementById('hours').innerHTML = "There was an input error, make sure that: <br> The calculator field is not empty <br> Only include numbers as an input";
        document.getElementById('hoursdiv').style.background = "yellow";
        } else {
        savedvalue = document.form.result.value;
        document.getElementById('hours').innerHTML = "Hours Worked This Week: " + savedvalue;
        document.getElementById('hoursdiv').style.background = "";
            }
    }
    function clear() {
        alert("hi");
    }
   </script>

    <div>
    <!-- Save Button -->
<input class = "customSubmitButton" type="button" onClick="save();" value="Save">

   <!-- Clear Button -->
<input class = "customSubmitButton" type="button" onClick = "clear()" value = "Clear">

    <div id = "hoursdiv">
        <p>
           <strong id = "hours"> </strong>
        </p>
    </div>
</div>

The Save button works just fine.

Save works just fine, but clear doesn't. Doesnt show me the alert. — Ceelos, Jul 19 '13 at 22:32
`clear()`, if I'm not wrong, is the function that clears up the console — Niccolò Campolungo, Jul 19 '13 at 22:36
Ya, the person who has written the answer below and LightStyle is right as well..clear() shouldnt be used. Its a reserved name. — Maverick, Jul 19 '13 at 22:37
Any documentation for `clear` being reserved? http://stackoverflow.com/questions/7165570/is-clear-a-reserved-word-in-javascript — showdev, Jul 19 '13 at 22:38
Not reserved, just predefined and taking precedence in the scope chain. — Barmar, Jul 19 '13 at 22:40
No, it's not **reserved**, is just already assigned. It's like if you're assigning it again, it's strange it doesn't work but it can be that it is defined after the user functions. Anyway, for a list of **reserved** keywords please refer to this: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Reserved_Words — Niccolò Campolungo, Jul 19 '13 at 22:41

score 7 · Accepted Answer · edited May 23 '17 at 12:23

7

Try changing the name of your function.

Is "clear" a reserved word in Javascript?

edited May 23 '17 at 12:23

Community

1
1

answered Jul 19 '13 at 22:35

Nick Rolando

25,879
13
79
119

1

"clear is not a reserved keyword": http://stackoverflow.com/questions/7165570/is-clear-a-reserved-word-in-javascript – showdev Jul 19 '13 at 22:37
2

Javascript console says: `document.clear() is deprecated. This method doesn't do anything.` – Barmar Jul 19 '13 at 22:39

Why isn't my button function clear() working?

1 Answers1