메뉴 추가하기

DOM ( Document Object Model) : 웹 문서(html)의 모든 태그를 객체 형식으로 표현한 것 HTML의 태그를 JS에서는 객체라고 표현. 즉, body 태그(html) = body 객체(JS)=> HTML 문서 내에서 특정 태그에 접근 가능.특정 태그에 접근해서 속성값을 새로 생성, 변경 및 얻어올 수 있음. ex) document.getElementById("id이름값");=> 어떤 태그인지는 알 수 없ㅂ지만 id 이름값으로 지정한 태그 정보를 가져온다는 뜻 DOM을 이용한 태그 접근법 1. id로 접근하기 : document.getElementById("id이름값");    -> id가 일치하는 태그를 얻어옴2. class로 접근하기 : document.getElementByCl..

- 변수를 묶음으로 다루는 것     => 자료형 상관없이 여러 값을 한 번에 다루는 것이 JS에선 가능 - JS 배열 특징    1. 자료형의 제한이 없음.(String, int 등의 구분 x, 다만 보통 한 가지 자료형만 저장)    2. 길이 제한 x (자동으로 길이 조절함) [배열 선언 방법]1. const arr = new Array( );       => 0칸짜리 비어있는 배열 생성. ( ) 안에 정수 넣으면 해당 정수 수 만큼의 값이 비어있는                                                              배열 생성2. const arr = [ ];                        => 0칸짜리 비어있는 배열 생성3. const arr =..

for 문- 프로그램 흐름을 제어하는 제어문 중 하나. 특정 코드를 반복할 때 사용.- 끝이 정해진 반복에서 주로 사용. ex) 몇 번 반복하고 끝내기 [작성법]for(초기식; 조건식; 증감식){     조건식이 true일 경우 반복 수행할 코드;} 초기식 : for 문을 시작할 초기값 설정. ex) 0부터 시작하거나 끝 값부터 거꾸로 시작 조건식 : for 문의 반복 여부를 지정하는 형식     - true일 때 반복, false일 때 반복 종료 증감식 : 초기식에 사용된 값을 변환시켜 조건식으로 넘기는 식 이중 for문이나 for-each문 역시 사용 가능. while 문- 끝이 정확하게 정해져 있지 않은 반복에서 주로 사용 [작성법]while(true인 조건식){      조건식이 true일 경우 ..

prompt(내용) : 문자열을 작성할 수 있는 알림창- 확인 버튼 클릭시 : 입력한 내용 전달- 취소 버튼 클릭시 : null 값 전달 프롬포트 실습