Need to clear textfield I am writing on when I click on that text field

Question

In a webpage I am writing I want to be able to clear two text boxes when I click on either one of them. So far I have been able to clear one when I click the other, but it won't clear itself.

Here is my html/javascript so far:

<!DOCTYPE html>
<html>
<head>
<script>


function clear()
{
 var c = document.getElementById('c');
 c.value = '';
 var f =document.getElementById('f');
 f.value= '';
}


</script>
</head>
<body>

<input placeholder = "Celsius" id="c" onclick='clear()'></br>
<input placeholder = "Fahrenheit" id="f" onclick='clear()'></br>

</body>
<p>

</p>
</html>

Try to rename function from `clear` to something else. – dfsq Mar 01 '15 at 20:40 — dfsq, Mar 01 '15 at 20:40

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

2

Rename your function clear to something else, otherwise you are calling the document.clear function

This answer by F. Kling might be useful to you

edited May 23 '17 at 12:28

Community

1
1

answered Mar 01 '15 at 20:49

Michel

26,600
6
64
69

Need to clear textfield I am writing on when I click on that text field

1 Answers1