🐹's tory

9장 🌭폼과 자바스크립트🌭 폼이란? 사용자가 정보를 입력할 수 있게 만들어 놓은 웹 요소 자바스크립트로 폼 요소의 내용을 가져오거나 수정하고 정해진 형식에 맞는지 확인함 🌭폼 요소에 접근하는 법 id, class 값을 이용 돔의 요소에 접근하는 것과 같이 querySelector(), querySelectorAll() 함수 사용 // id document.querySelector("#billingName") // class document.querySelectorAll(".input-box")[2] name 값을 이용 // 접근하는 방법 document.ship.shippingName document.forms["ship"].elements["shippingName"] * form 태그뿐만 아니라 접근하..

8장 🐠 문서 객체 모델 (DOM) 🐠 : 웹 문서의 모든 요소를 자바스크립트를 이용하여 조작할 수 있도록 객체를 사용해 문서를 해석하는 방법 DOM 트리 - 구조가 나무🌳처럼 생겼다 태그를 요소 노드로 표현 태그가 품고 있는 텍스트는 자식 노드인 텍스트 노드로 표현 태그의 속성은 요소노드의 자식 노드인 속성 노드로 표현 주석은 주석 노드로 표현 DOM 트리 구조를 보여주는 사이트! http://software.hixie.ch/utilities/js/live-dom-viewer/ Live DOM Viewer Live DOM Viewer ... Script not loaded. This script puts a function w(s) into the global scope of the test page,..

7장 🍮배열 Array🍮 : 하나의 변수에 여러 개의 항목 저장 배열 만드는 법 리터럴 표기법으로 배열 만들기 var A=[] // 배열 선언 var A=[1, 2, 3] // 선언과 할당을 동시에 Array 객체를 사용해서 인스턴스 만들기 var A=new Array(1,2,3); Array 객체의 함수 length: 요소의 개수 반환 var A=['1', '2', '3']; A.length; //3 concat: 배열 연결 var A=['1', '2', '3']; var B=['a', 'b', 'c']; A.concat(B); // [1 2 3 a b c] (콤마, 따옴표 생략) B.concat(A); // [a b c 1 2 3] (콤마, 따옴표 생략) join: 배열 요소 문자열로 연결 var A..

4장 🐨 조건문 if(score>60){ alert("통과"); } else{ alert("실패"); } 🐨 조건 연산자 score>60 ? alert("통과") : alert("실패"); 🐨 falsy 값 0 ""(빈 문자열) NaN(숫자가 아님) unfined(값이 할당되지 않음) null(유효하지 않은 값) 🐨 switch문 *case 뒤에 문자열로 처리해야 함 (case문 끝날 때마다 break, 마지막에 default 꼭 써주기) switch(num){ case "1": document.write("1번을 선택하셨습니다"); break; case "2": document.write("2번을 선택하셨습니다"); break; case "3": document.write("3번을 선택하셨습니다"); ..

1장은 개념이라서 읽고 넘겼다! JavaScript는 끝에 꼭 ; 붙여야 함!!! 2장 일단 js 파일과 html 파일 연동시키는 방법! body 태그 내의 어디서나 여러 번 사용할 수 있지만 닫는 body 태그 바로 위에 사용하는 습관을 들이는 것이 좋다 live server를 실행시킨 후 크롬 브라우저에서 ctrl + shift + J를 누르면 콘솔 창이 뜨게 된다! 입력값 받는 함수 prompt() prompt("이름을 입력하세요.","고양이"); 입력창에 "이름을 입력하세요."라는 설명이 뜨고 기본값은 "고양이"로 지정된다. 알림 창으로 출력하는 함수 alert() alert("고양이는 귀여워"); 웹 브라우저 화면에 출력하는 함수 document.write() var name = prompt("..