이전 회의 때 공유했던 기능 구현을 위해서는 javascript를 이용하여 해당 기능을 구현 할 수 있는데 연동에 이슈가 있어 질문드립니다.
제가 기존에 알고 있는 부분과 html에 javascript를 연결하는 방법 해당 사이트를 참조하였을 때 제 판단으로는
<script src="{% static 'js/scripts.js' %}"></script>base.html 파일의 <body> 태그 안 하단의 코드가 연동을 담당한다고 생각하여 scripts.js 파일을 수정해보았는데 아무런 동작을 하지 않습니다.
제가 추가했던 코드는 직관적인 판단을 위하여 아래와 같은 코드를 사용하였습니다.
<!--아무 html 파일 body 태그 안에 해당 코드를 넣으면 'Click!'
이라고 적힌 버튼이 생성되고 클릭이 가능합니다.-->
<div>
<button id="myBtn">Click!</button>
</div>/* 아래의 코드를 간단히 설명하자면 'btn'이라는 변수를 선언하고
myBtn이라는 id에 메소드를 담는 것입니다.
그리고 변수 btn에 onclick이라는 프로퍼티를 부여한후 위 html 코드의 Click! 버튼을
누르면 'Hello!'라는 경고문이 브라우저에 뜨게 됩니다.*/
const btn = document.querySelector('#myBtn');
btn.onclick = function() {
alert('Hello!');
};
성장하는 개발자