[JavaScript] 기본문법

html 파일 안에 내용을 조작하는 방법.
<script> 태그 안에  자바스크립트 코드 작성.
 
[기본 문법]
셀렉터 : .getElementById()
메소드(함수): .innerHTML / .style / .color ..
 
document.셀렉터(' ').메소드(함수) = ' ';
 
<button onclick="document.getElementById(' ').style = '';">버튼</button>
 
getElementsByClassName('클래스명')[순서]
순서 반드시 작성 필요.
getElementsByTagName -> 태그명으로 찾아줌
getElementsByName -> name 속성으로 찾아줌
 
document.getElementsByClassName(' ')[0].style = ' ';
 
[function 문법]
긴 코드를 축약하고 싶을 때 사용
funcion 작명( ) {
 실행할 코드
}
 
<button onclick="작명( )">버튼</button>
 
[function 파라미터]
funcion 작명( 내용 ) {
document.getElementById(' ').style = 내용;
}
 
작명('내용')
 
내용: 사용할 기능 적기
 
[이벤트 리스너]
document.getElementsById(' ')[0].addEventListener = ('기능', function( ) { 실행할 코드 });
 
이벤트 종류
https://developer.mozilla.org/en-US/docs/Web/Events

Event reference | MDN