javascript 오류 'html onlick으로 함수가 정의되지 않았습니다'

Question

목표는 closeModal() 함수가 트리거 된 button 요소를 클릭하고 display css 속성을 'none'으로 변경하는 것입니다. 하지만 onclick에 설정된 함수가 정의되어 있지 않은 오류가 계속 발생합니다. javascript는 파일의 html 위에 있습니다.

코드는 다음과 같습니다.

<div id="modal" style="display:block;"> 
    <button id="begin">Let's get started!</button> 
</div> 

JavaScr : 자바 스크립트

function closeModal() { 
    var modal = document.getElementById('modal'); 
    $(modal).css('display', 'none'); 
    } 

HTML

<div id="modal" style="display:block;"> 
    <button onclick="closeModal();" id="begin">Let's get started!</button> 
</div> 

Answer 1

JQuery와

HTML을 사용하지 않고 더 나은 코드를 정리하려고 IPT :

window.onload = function(){ 
    var btn = document.getElementById("begin"); 
    var modal = document.getElementById("modal"); 
    btn.onclick = function() { 
     modal.style.display = "none"; 
    } 
} 

에 상관없이 어디 스크립트
행운