Javascript onClick按钮未在表单内执行函数[不是类型=提交问题]

请查看下面的HTML表单：

<form>
  <input  name="tesla" id="tesla">
  <button type="button" onclick="tesla()">BUTTON</button>        
</form>

我在两种情况下得到这个错误：

1-如果我将函数NAME设置为等于输入NAME
[name=“tesla”和onclick=“tesla（）”]

或

2-如果我将函数名称设置为等于输入ID
[id=“特斯拉”和onclick=“特斯拉（）”]

（在上面的例子中，我使用了三个相等的值）
当我使用不同的名称时，不会出现错误。
为什么会发生这种情况？？
这是一段非常简单的代码，不应该发生这种情况

Obs。我测试的功能包括：

function tesla(){
  console.log("text");
}

---

浏览器将定义与表单元素的名称（或id）相同名称的全局变量。有趣的问题——我不知道这一点。这与为什么在表单中输入id为“submit”是个坏主意有关。浏览器将定义与名称（或id）相同名称的全局变量关于表单元素。有趣的问题——我没有意识到这一点。这与为什么给表单中的输入一个id“submit”是个坏主意有关。

function tesla(){
  console.log("text");
}