공부하는 비오

동적 배열 만들기 배열 객체를 만든 후 push 메서드를 사용하여 배열을 생성함 ex 1. ex 2. 구구단 만들기

JavaScript 2020. 5. 20. 11:10

2차원 배열 만들기 2차원 배열은 배열의 배열이다. (이 개념으로 3차원, 4차원 배열도 만들 수 있음.) 방법 1. var 참조변수 = new Array( ); 참조변수[0, 0] = 값1; 참조변수[0, 1] = 값2; 참조변수[0, 2] = 값3; 참조변수[1, 0] = 값4; 참조변수[1, 1] = 값5; 참조변수[1, 2] = 값6; 방법2. var 참조변수 = new Array(Array(값1, 값2, 값3), Array(값4, 값5, 값6)); 방법 2. var 참조변수 = [값1, 값2, 값3], [값4, 값5, 값6]; ex 1. arr로 입력하면 일렬로 표시되는 것을 확인할 수 있음. 2차원 배열과 같은 모양으로 입력하기 위해 for 반복문을 사용. ex 2. 학생들 성적 입력하기 성적..

JavaScript 2020. 5. 20. 09:37

지금까지 배운 것을 활용하여 다음 문제를 풀어보자! Q1. 가위바위보 결과 기록하기 컴퓨터와 가위바위보를 하여, 승, 패, 무승부, 이긴 확률 기록하기. 가위나 바위나 보를 누를 경우, 다음과 같은 창이 뜨면서, 결과가 아래 표에 기록됨. (가위, 바위, 보 이미지 사용) Q2. 주사위를 굴린 결과 기록하기 주사위 던지기! 버튼을 클릭하여 던지고 싶은 주사위 횟수를 입력하면, 주사위가 던져진 결과가 아래 표에 기록됨. (주사위 이미지 사용) 풀이 A1. 가위바위보 결과 기록하기 makeTable 함수 : 표에 들어갈 내용 표시. chooseDice함수 : 사용자의 선택과 컴퓨터 랜덤 값에 따라 승, 패, 무승부가 기록됨. 표에 들어갈 각각의 element에 id 값을 주고 innerHTML을 사용하여, ..

JavaScript 2020. 5. 15. 15:16

다음의 화면과 같은 상태로 출력하기 Q1. 함수를 사용하여 사용자가 입력하는 출생년도로 현재 나이 구하기. Q2. 함수를 사용하여 주사위 값 100번 구하기. A3. 버튼을 눌렀을 때, 화면의 배경 색깔 바꾸기 (white, yellow, aqua, purple) 자바스크립트에서 html 태그 스타일 속성값을 바꾸고자 할 경우 이 코드를 사용. 문서객체.getElementById("element의 id 값").style.스타일속성 = 속성값; A4. 단순한 로그인 창 만들기 로그인이 되는 아이디와 패스워드 지정. 아이디가 틀릴 경우, [존재하지 않는 아이디입니다.] 경고창 띄우기 아이디는 일치하나 패스워드가 틀릴 경우, [ 잘못된 비밀번호입니다. 비밀번호를 다시 입력하여 주세요. ] 경고창 띄우기 아이디..

JavaScript 2020. 5. 15. 14:44

함수 정의하기 function 함수명( ){ 실행 내용; } 매개변수가 있는 함수 정의하기 function 함수명 (매개변수1, 매개변수2, ...){ 실행내용; } 함수 호출하기 함수명 ( ); 함수명 (매개변수1, 매개변수2, ...); 함수를 호출하지 않으면 함수가 실행되지 않음. 함수 정의는 실행이 아니라 말 그대로 정의해주는 것. ex 1. ex 2. 배열을 사용한 함수 return 문 데이터 반환하고 함수 종료 function 함수명( ){ 실행내용; return (데이터 값); } var 변수 = 함수명( ); 변수 안에 함수 호출 ex 1. ex 2. result2 = (n = 10)인 함수. mySumFunc 함수 정의 i (1~n)번 반복실행 ( sum 은 1~i까지의 합). sum 데..

JavaScript 2020. 5. 15. 12:34

배열 생성하기 index는 배열의 주소 (0부터 시작) 방법 1. var 참조변수 = new Array( ); 참조변수[index] = 값; 방법2. var 참조변수 = new Array(값1, 값2, 값3); 방법3. var 참조변수 = [값1, 값2, 값3]; ex 배열 객체의 메서드 join(연결문자?) 배열 객체의 모든 데이터를 연결문자로 연결하여 하나의 문자형 데이터로 반환. ex. const arr = [1, 2, 3] const result = arr.join(~); >> 결과값 : 1~2~3 split(연결문자, limit?) 연결문자로 하나의 문자형 데이터를 배열의 객체로 반환. ex. const number = '1, 2, 3'; const result = number.split(','..

JavaScript 2020. 5. 15. 11:59

다음과 같이 화면이 출력되도록 작성하기 Q1. 컴퓨터가 낼 가위바위보 맞추기 Q2. 컴퓨터와 가위바위보 대결하기 Q3. 무작위로 주사위 10번 굴리기 (주사위 이미지를 사용) A1. 컴퓨터가 낼 가위바위보 맞추기 A2. 컴퓨터와 가위바위보 대결하기 A3. 무작위로 주사위 10번 굴리기

JavaScript 2020. 5. 15. 11:20

수학 객체의 메서드 및 상수 Math.abs(숫자) 숫자의 절댓값 Math.max(숫자1, 숫자2, 숫자3, 숫자4) 숫자 중 가장 큰 값 Math.min(숫자1, 숫자2, 숫자3, 숫자4) 숫자 중 가장 작은 값 Math.pow(숫자, 제곱값) 숫자의 거듭제곱 값 Math.random( ) 0~1 사이의 난수 (랜덤값) Math.round(숫자) 소수점 첫째 자리에서 반올림한 정수 Math.ceil(숫자) 소수점 첫째 자리에서 올림한 정수 Math.floor(숫자) 소수점 첫째 자리에서 내림한 정수 Math.sqrt(숫자) 숫자의 제곱근 값(squre root) Math.PI 파이(원주율) 상수 cf) .toFixed(숫자) : 숫자만큼 소수점자리 표시 ex. 1 ex. 2 ex. 3 ex. 4 1~3..

JavaScript 2020. 5. 15. 10:58