1. while while(조건){ 조건이 true면 실행 } ex> let j= 0 while(j for(let i=0; i

if(조건) { 조건이 맞을 때 실행 } else { 조건이 맞지 않을 때 실행 } if(조건1){ 조건1이 true 일 때 실행 } else if(조건2) { 조건1이 false고 조건2가 true일 때 실행 } else { 조건1이 false고 조건2도 false일 때 실행 } 조건이 let num = 0 if(num ===1) { } else if(num ===2) { }else if(num ===3) { } else if(num ===4) { } else if(num ===5) { } else { } switch(num){ case 1: 실행문; case2: 실행문; break; case 3: 실행문; break; default: 실행문; } switch(매개변수){ case '0': 실행문; b..

1) 4로 나눠지는 숫자를 입력하세용 (19ex.html) 2) 19_2_t_ex.html 회사소개 서브메뉴1 서브메뉴2 서브메뉴3 서브메뉴4 사업분야 서브메뉴1 서브메뉴2 서브메뉴3 서브메뉴4 투자정보 서브메뉴1 서브메뉴2 서브메뉴3 서브메뉴4 인재경영 서브메뉴1 서브메뉴2 서브메뉴3 서브메뉴4 미디어센터 서브메뉴1 서브메뉴2 서브메뉴3 서브메뉴4

자바스크립트 기초구문 산술연산자, 논리연산자, 비교연산자, 조건문 자바스크립트 DOM 이벤트 onclick 클릭이벤트 onmouseenter 마우스를 올렸을 때 onmouseleave 마우스가 떠났을 때 onmousemove 마우스가 움직일 때 resize 창의 크기가 조절될 때 1. html 요소 태그안의 속성 2. 이벤트 리스너 addEventListener() 메서드를 사용 document.querySelector('button').addEventListener("이벤트", myFunc); document.querySelector('button').addEventListener("이벤트", function(){alert("aaa")};) 18event.html 클릭하세요

14ininput.html 확인 15if_ex01.html 안녕하세요 아이디 패스워드 확인 15if_ex01_me.html 안녕하세요 아이디 패스워드 확인 15if_ex02.html 회원가입 아이디 비밀번호 비밀번호 확인 전화번호 이메일 회원가입 15if_ex03.html 17if_ex03.html

if(표현식){ 표현식1이 true일 때 실행하는 코드 }else if(표현식2) { 표현식1이 false이고 표현식2가 true일 때 실행되는 코드 }else { 표현식1과 표현식2가 둘다 false 실행되는 코드 } let num= 10 if (num > 10) { console.log("num은 10보다 큽니다"); }else if(num === 10){ console.log("num은 10이랑 같습니다"); }else { console.log("num은 10이랑 같지 않습니다.."); } if(5>1) { console.log("5는 1보다 큽니다.") } else { console.log("5는 1보다 크지 않습니다.") } 13if.html

함수??? 프로그램을 작성할 때 반복적으로 하는 일을 함수로 만듦 서브프로그램이라고도 함 프로그램 안에서 각각의 작은 기능을 수행 input을 받아서 잘 처리한다음 output(return)을 해줌 - 함수 생성하기 함수선언문 구문 function add(a, b) { return a + b; } function: 함수선언(이건 함수야!) add: 함수식별자 (함수이름) a, b: 매개변수 return a + b: 반환값 add(3, 4): 함수호출 => 7 add(7,9) => 16 function 빵만들기(재로1, 재료2){ 재료1과 2를 섞어서 빵을 만들어 return 빵; } 빵만들기(밀가루, 초코); function print() { document.write('안녕하세요여러분화요일입니다.');..

1. 숫자형(number) let message = "green"; message = 123; *** 자료의 타입은 있지만 변수에 저장되는 값의 타입은 언제든지 변경될 수 있는 언어를 동적 타입 언어라고 합니다. * 정수나 소수점 숫자를 나타냄 * 숫자형 사칙연산을 할 수 있음 * NaN(Not a Number) 2. 문자형(string) 문자열은 따옴표로 묶습니다. 1) 큰따옴표 "green" 2) 작은따옴표 'green' 3. 역따옴표(백틱) `green` let name="green"; console.log("hello") hello green !! "hello" + name + "!!" `hello ${name} !!` 3. 불린형(boolean) 논리타입 true / false let nameF..

1. 변수선언 let userName; var userAge; const 선언과 동시에 할당해야 함 const apple = 'apple'; let age, name, hobby; 2.변수할당 let userName='green'; let userName; userName = 'blue'; userName = 'abc'; let userAge = 30; 숫자는 따옴표없이 할당 문자는 따옴표로 감싸고 할당 alert('여러분') alert(userName); 05variable.html 06variable_ex.html 자바스크립트로 내용 입력하기 07prompt.html 08confirm.html

JavaScript 출력 1. 경고창에 출력 alert('내용'); 2. 콘솔창에 출력 console.log('내용'); 3. html body에 출력 document.write('내용'); 4. DOM요소 안에 출력 innerHTML = '내용'; DOM요소 선택 1. 단수 선택 document.getElementById('id이름'); document.querySelector('css선택자'); 2. 복수 선택 document.getElementsByClassName('class이름'); html 컬랙션 document.getElementsByClassName('class이름')[0] // 첫번째 요소 선택 document.getElementsByTagName('tag이름'); html 컬랙션 doc..