🐹'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 태그뿐만 아니라 접근하..

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..

5장 🍮함수🍮 함수 선언 function addNum(a,b){ return a+b; } 함수 선언과 호출 위치에 관계없이 모두 실행된다 익명 함수 var add=function(a,b){ return a+b; } var num1=parseInt(prompt('첫 번째 숫자를 입력하시오')); var num2=parseInt(prompt('두 번째 숫자를 입력하시오')); //parseInt는 문자열로 입력받은 것을 정수로 변환 var result=add(num1, num2); console.log(sum); 함수 자체가 식이기 때문에 익명 함수를 변수에 할당할 수 있다 즉시 실행 함수 var sum=(function(a,b){ return a+b; }(10,20)); /* 이렇게도 가능 var sum=..

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("..