HTML, CSS , JavaScript
[JavaScript] jQuery (미니 게임)
미니프로젝트 #4 jQuery를 활용한 미니게임 jQuery 선언 방식 : $(선택자).행위; $(‘#click’).click(함수이름) 클릭했을 때 함수 실행 (# 는 id를 나타내는 태그)
JS
HTML, CSS , JavaScript
[JavaScript] 기념일 디데이 계산기
미니프로젝트 #3 기념일 디데이 계산기 var now = new Date(); var a = new Date(‘2020-12-25’) 특정 일의 date 객체 var a = new Date(1000) 1970년 1월 1일 00:00:00을 기준으로 1000밀리초 만큼 흐른 시간에 대한 정보 now.getFullYear() 년도정보 .getMonth() 월 정보 (0=1월, 1=2월 ...) .getDate() 일 정보 .getTime() 1970년 1월 1일 00:00:00을 기준으로 흐른 시간을 밀리초로 나타냄
HTML, CSS , JavaScript
[JavaScript] 글자 수 계산기
미니프로젝트 #2 글자 수 계산기 document.getElementById(‘Id’) 특정 ID를 가진 태그 선택 document.getElementById(‘Id’).value 태그 안의 값 document.getElementById(‘Id’).innerHTML 태그 안의 값 .substring(a,b) 인덱스 a이상 b미만의 문자열만 표시 자기소개 내용을 입력하세요. (0/200)
HTML, CSS , JavaScript
[JavaScript] 로또 번호 추첨
미니프로젝트 #1 로또 번호 추첨 .indexOf(값) 인덱스 : 배열 안에 해당 값이 있으면 위치 인덱스, 없으면 -1 반환 .length 배열의 길이 .sort() 정렬(사전순) / .sort((a, b) => a-b) 오름차순 정렬 / .sort((a, b) => b-a) 내림차순 정렬 .substring(a,b) 인덱스 a이상 b미만의 문자열만 표시 Math.random() 0이상 1미만의 소수 랜덤 반환 Math.floor() 소수점 이하 버림 parseInt() 정수로 형 변환 document.write() 출력 console.log() 콘솔에 출력
HTML, CSS , JavaScript
[JavaScript] 배열과 객체
배열 var emptyArray = []; var num = [1,2,3,4,5]; num.push(6); // 배열의 마지막에 값 추가 num.pop(6); // 배열의 마지막 값을 제거 num.shift(); // 배열 데이터를 왼쪽으로 하나씩 밀어 맨 앞의 값을 제거 num.splice(); // 배열값을 추가하거나 제거해서 변경 num.reverse(); // 역순으로 배치 num.sort(); // 사전 순 정렬 num.sort((a, b) => a-b) // 오름차순 정렬 num.sort((a, b) => b-a) // 내림차순 정렬 객체 var jsObject = { key : value } jsObject[key] = value var obj = [ { "id" : 2000, "name" ..
HTML, CSS , JavaScript
[JavaScript] 변수, 출력, 조건문, 반복문
01. 변수 선언 var int; var int = 10; var str = "안녕하세요"; // 문자열, 큰따옴표, 작은따옴표 모두 사용 가능 02. 출력문 document.write("안녕하세요"); console.log("안녕하세요"); // 콘솔에 출력 int a = 10; document.write(10); console.log(10); 03. 조건문 if (조건) { : 내용 } else if(조건) { 내용 } else { 내용 } 04 반복문 for (var i = 0; i
