[에러][HTML] form 태그 안에 id와 함수명이 같은 경우 오류 발생

❗ [에러 내용]

Uncaught TypeError: myList is not a function at HTMLInputElement.onclick 

 

// HTML
<form>
	<input type="button" id="test" value="1" onclick="test()">
</form>

// JavaScript
function test() { console.log("test"); }

 

 

 

• 해결
  1. 함수명을 변경하든지
  2. 함수 호출할 때 window 붙여서 호출하도록...

// HTML
<form>
	<input type="button" id="test" value="1" onclick="window.test()">
</form>