Javascript Clear fields Function Not Working?

Question

This is function that i created for clear text fields but when enter any custom values it doesn't clear

function clear(){

    document.getElementById('bmw1').value="";
    document.getElementById('bmw2').value="";
    document.getElementById('ans').value="";


}

The fields which created in html

<input type="text" id="bmw1" placeholder="Enter 1st Number"/>
<input type="text" id="bmw2" placeholder="Enter 2nd Number"/>
<input type="text" id="ans" placeholder="Answer"/>
<button type="button" onClick="clear()">Clear Values</button>

score 1 · Accepted Answer · answered May 07 '15 at 17:58

1

You need to change the js function name from clear() to something else. Because clear() is a java script built in function/method.

answered May 07 '15 at 17:58

The Guest

698
11
27

score 0 · Answer 2 · answered May 07 '15 at 17:52

0

Why re-invent the wheel? You can do that with basic HTML:

<input type="reset" value="Reset" />

Just make sure that is inside your form and it will clear all the values.

answered May 07 '15 at 17:52

Gary Storey

1,779
2
14
19

I already Know this reset button but is there a way that we clear fields with function – Ven Nilson May 07 '15 at 17:56

score 0 · Answer 3 · answered May 07 '15 at 17:58

0

I believe JavaScript already has a clear() function, try renaming your method. The following works for me :

function erase(){
        document.getElementById('bmw1').value = "";
}

answered May 07 '15 at 17:58

Ian Wise

706
2
10
31

score 0 · Answer 4 · answered May 07 '15 at 18:02

0

Problem is with name of function which is already reserved for Document.

Please change your function name to other and it will work well.

answered May 07 '15 at 18:02

madoxdev

3,770
1
24
39

Javascript Clear fields Function Not Working?

4 Answers4

Linked