在我正在撰写的网页中，当我点击其中任何一个时，我希望能够清除两个文本框。到目前为止，当我点击另一个时，我已经能够清除一个，但它不会自行清除。
到目前为止，这是我的html / javascript：
<!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>