[JavaScript] HTML에서 JavaScript 쓰기 첫출발

head 태그 내 script 태그 생성

hey()라는 함수는 alert('안녕!!') 이라는 메세지를 출력하도록 설정

<script>

function hey(){

alert('안녕!!')

}

</script>

 

body 태그 내

위 hey()함수가 작동 될 위치 설정

<button onclick="hey()">영화 기록하기</button>

영화 기록하기 버튼을 누르면 hey()함수 내용이 실행된다.

 

추후 각종 개발 테스트를 위한 console.log를 추가했다.

<script>

function hey(){

alert('안녕!!')

console.log('콘솔 로그 체크용입니다.')

}

</script>

영화 기록하기 버튼을 누르면 추가된 로그 메시지가 개발자 콘솔에 나타난다.

"버튼을 누르는 행위"에 대한 직접적인 디버그를 위해서는 버튼에 alert를 적용하면 쉽게 상태를 확인 할 수 있다.

하지만 생각보다 알림창이 거슬리기 때문에 console.log를 통해서 테스트, 디버깅 하는 것이 편리하다.

 

해당 스터디는 아래 깃을 통해 업데이트 되고 있습니다.

https://github.com/yzpocket/Sparta99training

GitHub - yzpocket/Sparta99training