Why can’t I have a function named “close” at global scope?

Question

I have written a simple javascript code which is not working. It is very simple but I couldn't find any error. Share if you see an error.

<script>
  function close() {
    console.log("clicked");
  }
</script>
<div>
  <p onclick="close()" id="adve">SOme thing</p>
</div>

Answer 1

You can't use the function name close which is the in built function in js(Close). You may change the function name like this.

<div>
<p onclick="close1();" id="adve">SOme thing</p>
</div>
<script>
function close1() {
    document.getElementById("adve").style.left = "100px";
}
</script>

Answer 2

You can not use close() as a function. although you can use Close()

function close() {
  document.getElementById("adve").style.color = "yellow";
}
function Close(){
  document.getElementById("demo").style.color = "yellow";
}

<p id="adve" onclick="close()">SOme thing</p>
<p id="demo" onclick="Close()">Click me to change my text color.</p>