JS 정리

사용자와 상호작용하는 웹.

html 위에서 작동함.

 

<script> </script>태그 안을 JS라고 인식.

 

hi 버튼을 '눌렀을 때' HI경고문 띄우기

<input type="button" value="hi" onclick="alert('HI')">

onclick 속성은 JS여야 한다.

 

 

텍스트 내용이 '변했을 때' 경고문 띄우기

<input type="text" onchange=alert('changed')>

 

 

body 배경 색 바꾸기

onclick="document.querySelector('body').style.backgroundColor='black'">

 

 

배열

var members = ["영희", "철수"];

document.write(members[0]);

 

 

함수 

function BodySetColor(color){

   document.querySelector('body').style.backgroundColor = 'black';

}

 

BodysetBackgroundColor('black');

 

 

객체

 

1. 객체의 정보 가져오기

var members = {

   "programmer": "채영",

   "dancer": "규민"

};

document.write("dancer : "+members.dancer);

 

2. 객체의 정보 변경하기

members.singer = "다희";

document.write("singer : "+members.singer);

members["editor"] = "연이";

document.write("editor : "+members["editor"]);