クリア機能が動作しないのはなぜですか？

Question

function clear() { 
document.getElementById("1").innerHTML = ''; 
document.getElementById("2").innerHTML = ''; 
document.getElementById("3").innerHTML = ''; 
} 
<button onclick="clear()">Clear</button> 

これは、それを実行する機能とボタンです。 この関数の目的は段落をクリアすることですが、ボタンをテストしても何もしません。

ボタンをクリックしたときにこの機能が実行されないのはなぜですか？

EDIT：申し訳ありません答えは明白であるならば、私はJS EDITに初心者だ：HTML：

<p id="1"></p> 
<p id="2"></p> 
<p id="3"></p> 

「は段落のテキストを変更するJS関数でもあるが、それはdoesnのtループ

Answer 1

DOMにはclearという名前の古いグローバルメソッドがあるため、関数clearに名前を付けないでください。あなたのHTMLを表示clearMe

function clearMe() { 
 
    document.getElementById("1").innerHTML = ''; 
 
    document.getElementById("2").innerHTML = ''; 
 
    document.getElementById("3").innerHTML = ''; 
 
}

<div id="1"> 
 
    foo 
 
</div> 
 
<div id="2"> 
 
    foo 
 
</div> 
 
<div id="3"> 
 
    foo 
 
</div> 
 
<button onclick="clearMe()">Clear</button>