Blog

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

Author
Summary
Script 태그를 통해 웹페이지 동적 기능 이용
Category
Study
Tags
JavaScript
Favorite
Memory Date
2023/06/28
Cross Reference Study
Related Media
Related Thought
Related Lessons
tag
날짜
작성자
진행상황
진행 전
태그구분
6 more properties
head 태그 내 script 태그 생성 hey()라는 함수는 alert('안녕!!') 이라는 메세지를 출력하도록 설정
<script> function hey(){ alert('안녕!!') } </script>
JavaScript
복사
body 태그 내 위 hey()함수가 작동 될 위치 설정
<button onclick="hey()">영화 기록하기</button>
JavaScript
복사
추후 각종 개발 테스트를 위한 console.log를 추가했다.
<script> function hey(){ alert('안녕!!') console.log('콘솔 로그 체크용입니다.') } </script>
JavaScript
복사
"버튼을 누르는 행위"에 대한 직접적인 디버그를 위해서는 버튼에 alert를 적용하면 쉽게 상태를 확인 할 수 있다. 하지만 생각보다 알림창이 거슬리기 때문에 console.log를 통해서 테스트, 디버깅 하는 것이 편리하다.