본문 바로가기

분류 전체보기

 (108)
[Javascript] 숫자 야구 ( 2 ) 인프런 'ZeroCho'님의 '웹 게임을 만들며 배우는 자바스크립트'를 수강하며 학습한 내용입니다. 맞춰야할 4자리 숫자를 만드는 부분은 반복적으로 쓰이기 때문에 numberDrawLots() 함수로 만들었다. 1. 숫자 야구 답을 맞춘 경우/ 홈런 ( 자리와 숫자 모두 맞춘 경우) resultView(결과창)에 홈런이라는 문구가 뜨도록 해주고, 총 몇 번을 틀려서 문제를 맞춘것인지 알려주도록 하였다. 2. 숫자 야구 답을 틀린 경우 resultView(결과창)에 스크라이크 또는 볼을 보여주도록 한다. 내가 입력한 답과 답안을 비교하여 위치와 숫자를 맞춘 갯수만큼 스트라이크로 표현해 주고, 숫자만 맞췄다면 indexOf 함수를 사용하여 ball을 계산하였다. 너무 많이 기회를 주면 쉽게 문제를 풀 수 있..
Javascript 숫자 야구( 1 )_배열 메소드 _pop().push().shift().unshift().splice() 인프런 'ZeroCho'님의 '웹 게임을 만들며 배우는 자바스크립트'를 수강하며 학습한 내용입니다. 숫자야구 순서도 1. 컴퓨터가 임의의 숫자 4자리를 만든다 (중복되지 않게) 2. 사용자가 답을 입력한다. 3. 답이 맞는가??! 3.1 YES - 1번으로 이동 (새로운 문제) 3.2 NO - 스트라이크와 볼을 알려준다. 3.2.1. 2번으로 이동 * 10회 정도 제한을 준다 (너무 많이 기회를 주면 쉽게 맞출테니까) 볼 : 자리는 틀리지만 숫자만 맞춘 경우 스트라이크 : 자리와 숫자 모두 맞춘 경우 배열매소드 _ pop(), push(), shift(), unshift() pop( ) : 배열의 마지막 원소를 빼냄 push( ) : 배열의 맨 끝에 원소를 추가 shift( ) : 배열의 첫번째 원소를 ..
Javascript 구구단 인프런 'ZeroCho'님의 '웹 게임을 만들며 배우는 자바스크립트'를 수강하며 학습한 내용입니다. 먼저 콘솔창에 구구단을 구현하였다. Math.ceil() : 올림 정수값 Math.floor() : 내림 정수값 [ 자바스크립트를 이용하여 구현 ]
Javascript 끝말잇기 인프런 'ZeroCho'님의 '웹 게임을 만들며 배우는 자바스크립트'를 수강하며 학습한 내용입니다. 먼저 브라우저의 콘솔 창을 이용하여 간단한 끝말잇기를 구현하였다. 끝말잇기 순서도 1. 끝말잇기 시작 단어가 필요 2. 끝말잇기 다음 단어 입력 3. 시작 단어의 마지막 글자와 입력한 단어의 첫글자가 일치하는지 확인한다. 3-1. 일치하면 딩동댕! 을 출력해준다. 3-1-2. 입력한 단어를 시작단어로 바꿔주고 끝말잇기를 진행한다. (3번으로 이동) 3-2. 일치하지 않으면 땡!!을 출력해준다. (3번으로 이동) prompt() : 질의 응답 창을 나타내 준다. 입력한 값을 반환시켜줌 이를 토대로 자바스크립트를 이용하여 끝말잇기를 구현하였다. 자바스크립트로 html의 태그들을 생성. document.body..

티스토리툴바