📗TIL
-
JS기초 10 - DOM 접근해서 배경색 바꾸기, 리스트 만들기 기초📗TIL/JavaScript 2022. 10. 2. 14:46
DOM 접근해서 배경색 바꾸기 아이디로 부를때 document.getElementById('id') document.querySelector('#id') 클래스로 부를때[i]몇번째 인지 document.getElementsByClassName('class')[n] document.querySelectorAll('.class')[n] 태그명으로 부를때 document.getElementsByTagName()[n] document.querySelectorAll('div')[n] //버튼 클릭할 때마다 바뀌는 배경색 만들기 var colors = ['tomato','pink', 'powderblue', 'yellow','aquamarine', 'ivory'] //바꿀 색상이름 저장 var i = 0; func..
-
JS기초 9 - 배열 요소 응용하기(추가, 삭제, 자르기 등)📗TIL/JavaScript 2022. 10. 2. 01:50
contact() 배열과 배열을 연결(배열 자체 변화x) push() 배열 끝에 요소 추가, 배열의 크기 리턴 unshift() 배열 앞에 요소 추가, 배열의 크기 리턴 join() 배열을 출력할 때 요소 사이에 괄호 안의 것을 넣어줌 pop() 배열의 첫 번째 요소를 삭제, 삭제된 요소 리턴 shift() 배열의 마지막 요소를 삭제, 삭제된 요소 리턴 slice(start, end) 원하는 위치의 요소를 삭제 or 추가해서 리턴(배열 변화x) reverse() 배열 요소 순서를 반전 splice(start, deleteCount, el,el,el...) 원하는 위치의 요소를 삭제 or 추가 /*concat() : 배열을 연결할 때 사용*/ let nums =[1,2,3,4,5]; let char = [..
-
JS기초 8 - 함수 연습, 객체, 마우스 이벤트(탭메뉴),📗TIL/JavaScript 2022. 10. 1. 01:47
함수 연습 1. 숫자 세개를 받아서 곱하는 함수 //숫자 세개를 받아서 곱셈하기 let num1= prompt('숫자를 입력하세요','2') let num2= prompt('숫자를 입력하세요','3') let num3= prompt('숫자를 입력하세요','4') function mul(a,b,c){ let X= a*b*c; document.write(`3개의 수를 곱한 값은 : ${X}`); }; mul(num1, num2, num3); 2. 1부터 100까지 수 더하는 함수 /*1~100까지의 수 더하기*/ let num = 0; function plus(){ for(let i=1; ili 리스트로 생성하기 */ //for문으로 반복 function todoList(){ let list='팀프로젝트,J..
-
JS기초 7(2) - 함수기초, for of📗TIL/JavaScript 2022. 9. 30. 01:58
함수 기초 익명함수와 선언적 함수 let myName = function(매개변수){ //익명함수 : function뒤에 바로 괄호가 오면 익명함수 //이름을 불러서 함수를 실행해야되는데 이름이 없으니 앞에 변수명을 붙여줄수있음 //그럼 다른 함수에 이 함수를 이용할 수 있음 return 매개변수 *매개변수; } // 인수값 function name(){}//선언적함수 function addNum(a, b){ add = a + b;//앞에 var이 생략된것, 함수 안쪽 변수 지역변수 alert(add); } addNum(3,4)//이름으로 호출해야 함수 실행 addNum(1,2) let a =2;//전역변수 let b=4; let sum= a+b; alert(sum) 전역변수와 지역변수 function ..
-
JS기초 7 - while, do while, confirm, break/continue📗TIL/JavaScript 2022. 9. 29. 23:38
while 반복문 /*while 반복문*/ // 반복횟수 기준은 for편하고 // 특정조건에 따라 반복한다면 while이나 do while 사용 let j = 0; while(j < 10){ document.write(j); j = 2*j-1; //i += 1;과 같은 말 } let k=0; while(true){ alert(k + '무한루프'); k++ } while반복문은 조건이 참일때만 반복한다. do while 반복문 /*do while 반복문*/ let i = 0; do{ i++; //1부터 출력할땐 여기서. 0부터 출력할땐 write아래서. document.write(i + '. do while '); }while(i
-
-
JS기초 5 - 삼항조건 연산자, switch case문📗TIL/JavaScript 2022. 9. 28. 21:07
삼항조건 연산자 조건이 frue, false 두가지 뿐이라면 삼항조건 연산자를 활용해볼 수 있다. /* 삼항조건연산자*/ let score = prompt('점수를 입력하세요','72'); (score >= 60) ? document.write('통과') : document.write('실패'); //조건식 ? 참의결과물 : 거짓의 결과물 switch case문 복수의 if 조건문은 switch문으로 바꿔서 사용할 수 있다. 조건의 수가 적으면 if문, 많을수록 if문보다 switch문이 유리하다. switch(변수명){ case 비교값 : 실행문; break; case 비교값 : 실행문; break; ... } let season = prompt('좋아하는 계절을 고르세요. 1:봄, 2:여름, 3:가을..
-
JS기초 4(2) - Date()생성자 활용하기 /.split(',')📗TIL/JavaScript 2022. 9. 28. 16:55
Date생성자를 사용하기 위해서는 무조건 앞에 new연산자가 붙어야함 날짜를 임의로 바꿀 수도 있다. let dates = new Date(); //Wed Sep 28 2022 15:47:06 GMT+0900 (한국 표준시) 현재 시간 출력 let year = dates.getFullYear(); //년 let month = dates.getMonth(); //월 let days = dates.getDay(); //일 let hours = dates.getHours(); //시 let minuite =dates.getMinutes(); //분 let seconds = dates.getSeconds(); //초 let milseconds = dates.getMilliseconds();//밀리초 docume..