JavaScript로 숫자 야구 게임 만들기 첫 번째
안녕하세요 느종입니다. 이번 시간에는 어렸을 때 친구들끼리 자주 하던 게임 중의 하나인 숫자 야구 게임을 만들어볼까 합니다. 간단하게 설명하자면 문제 출제자가 임의의 4자리 숫자를 정하면, 나머지 사람들이 그 임의의 4자리 숫자를 맞히는 게임입니다. 그냥 찍어서 맞히면 재미가 없으니깐 스무고개 방식으로 4자리씩 숫자를 제시해서 힌트를 …
안녕하세요 느종입니다. 이번 시간에는 어렸을 때 친구들끼리 자주 하던 게임 중의 하나인 숫자 야구 게임을 만들어볼까 합니다. 간단하게 설명하자면 문제 출제자가 임의의 4자리 숫자를 정하면, 나머지 사람들이 그 임의의 4자리 숫자를 맞히는 게임입니다. 그냥 찍어서 맞히면 재미가 없으니깐 스무고개 방식으로 4자리씩 숫자를 제시해서 힌트를 …
안녕하세요 느종입니다. 오늘은 룰렛 뽑기(100만원을 뽑아라!) 만들기를 마무리 지어보려고 합니다. 저번 시간에 이어서 자바스크립트 코드를 작성하고, 결과 화면 페이지까지 만들어보도록 하겠습니다. 함께 공부해요! 1. 자바스크립트 코드 [ scripts.js ] 1. resTitle : 결과 화면에서 사용될 결과 제목 변수입니다. 2…
안녕하세요 느종입니다. 오늘은 저번 시간에 이어서 스톱워치 메인 화면 페이지를 만들어보도록 하겠습니다. 그럼 바로 시작하겠습니다. 함께 공부해요! 1. 메인 화면 페이지 화면 가운데에 00.000으로 시간을 나타낼 수 있도록 구성하였습니다. 초는 소수점아래 셋째 자리까지 표현을 하였는데 이 부분은 본인 입맛에 맞게 바꾸셔도 될 것 같습…
안녕하세요 느종입니다. 오늘은 저번 시간에 말한대로 스톱워치를 만들어볼까 합니다. 그냥 초만 재면 재미없으니깐 일정 목표를 정하고, 그 목표 시간에 정확히 맞출 수 있는 콘텐츠를 만들 생각입니다. 그리고 매번 시작 화면, 메인 화면, 결과 화면 이렇게 구성하다 보니 지루한 감이 없이 않아 있어서 이번에는 결과 내용을 팝업(모달) 창으로…
안녕하세요 느종입니다. 오늘은 무엇을 만들어볼까하다가 문득 구구단이 떠올랐어요. 그래서 간단하게 구구단 퀴즈를 해볼 수 있는 페이지를 만드려고 합니다. OX 퀴즈, 나라 수도 퀴즈 페이지에서 만들어 놓았던 기존 형태에서 크게 벗어나지 않으니 어렵지 않을 거에요. 그럼 시작해볼게요. 함께 공부해요! 1. 설계 이번에도 비슷한 형태로 구성…
안녕하세요 느종입니다. 오늘은 나라 수도 퀴즈의 결과 페이지를 만들어 보겠습니다. 중요한 기능들은 저번 메인 화면 페이지 만들기에서 다 다루었기 때문에 결과 페이지 같은 경우는 간단하게 마무리 지을 수 있을 것 같습니다. 그럼 바로 시작하도록 하겠습니다. 함께 공부해요! 1. 결과 화면 페이지 결과 화면 페이지입니다. 5문제를 모두 맞…
안녕하세요 느종입니다 오늘은 저번 시간에 만들었던 나라 수도 퀴즈 시작 화면에 이어서 메인 화면을 만들어보겠습니다. input 태그를 활용하기 때문에 기존에 만들었던 OX퀴즈와는 코드가 살짝 다를 수 있습니다. 그럼 시작하도록 하겠습니다. 함께 공부해요! 1. 메인 화면 페이지 메인 화면 페이지입니다. 상단에 하트(기회)가 추가되었고,…