자바스크립트로 룰렛 뽑기(100만원을 뽑아라!) 만들기 3
안녕하세요 느종입니다 저번 시간에 룰렛 뽑기(100만원을 뽑아라!) 콘텐츠의 외형을 만들었습니다. 오늘은 자바스크립트를 활용하여 기능과 함수들을 만들어보도록 하겠습니다. 함께 공부해요! 자바스크립트 코드 [ scripts.js ] startBtn : 시작 하기 버튼 관련 변수 startPage : 시작 화면 페이지 관련 변수 mainP…
안녕하세요 느종입니다 저번 시간에 룰렛 뽑기(100만원을 뽑아라!) 콘텐츠의 외형을 만들었습니다. 오늘은 자바스크립트를 활용하여 기능과 함수들을 만들어보도록 하겠습니다. 함께 공부해요! 자바스크립트 코드 [ scripts.js ] startBtn : 시작 하기 버튼 관련 변수 startPage : 시작 화면 페이지 관련 변수 mainP…
안녕하세요 느종입니다. 오랜 만에 글을 쓰게 되네요. 이런 저런 일들이 많아서 포스팅 작성이 늦었습니다. 오늘은 저번 시간에 이어서 실질적인 룰렛 뽑기 코드를 작성해보도록 하겠습니다. 일단 자바스크립트 코드보다 외형적인 틀을 만들기 위한 index.html과 style.css 코드를 작성하도록 하겠습니다. 저번 시간에 언급한 해야 될 …
안녕하세요 느종입니다 오늘은 무엇을 만들어볼까 생각 하다가 제가 하는 게임 안에 있는 자그마한 콘텐츠인 룰렛 뽑기를 만들어 보기로 하였습니다. 게임 안에서는 아이템을 뽑는거였지만 이번에는 100만원 뽑기를 주제로 하여 제작을 하려고 합니다. 저번 시간에 만들었던 스톱워치(목표 시간 맞추기)처럼 결과물을 팝업(모달) 형태로 보여주도록 만…
안녕하세요 느종입니다. 오늘은 저번 시간에 이어서 스톱워치(목표 시간 맞추기) 메인 화면 페이지 함수를 작성해보도록 하겠습니다. 그럽 바로 시작하겠습니다. 함께 공부해요! 자바스크립트 코드 [ scripts.js ] convertGoalTime() : 목표 시간(GOAL_TIME)을 초로 입력 했을 때 00.000 형식으로 바꿔주는 …
안녕하세요 느종입니다. 오늘은 저번 시간에 이어서 스톱워치 메인 화면 페이지를 만들어보도록 하겠습니다. 그럼 바로 시작하겠습니다. 함께 공부해요! 메인 화면 페이지 화면 가운데에 00.000으로 시간을 나타낼 수 있도록 구성하였습니다. 초는 소수점아래 3째자리까지 표현을 하였는데 이 부분은 본인 입맛에 맞게 바꾸셔도 될 것 같습니다. …
안녕하세요 느종입니다. 오늘은 저번 시간에 말한대로 스톱워치를 만들어볼까 합니다. 그냥 초만 재면 재미 없으니깐 일정 목표를 정하고, 그 목표 시간에 정확히 맞출 수 있는 콘텐츠를 만들 생각입니다. 그리고 매번 시작 화면, 메인 화면, 결과 화면 이렇게 구성하다보니 지루한 감이 없이 않아 있어서 이번에는 결과 내용을 팝업(모달)창으로 …
안녕하세요 느종입니다 오늘은 같은 그림 찾기 페이지를 마무리 지어보도록 하겠습니다. 저번 시간에 이어서 메인 페이지 자바스크립트 함수를 작성하도록 하겠습니다. 그럼 바로 시작하도록 하겠습니다. 함께 해요! 자바스크립트 코드 [ scripts.js ] itemClickFunc(itemList) : 카드 아이템을 2개 클릭 했을 때 실행 …