자율 학습/학습

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

60cod 2024. 1. 5. 16:28
❗ [에러 내용]
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>