자바스크립트를 이용한 랜덤 추첨 프로그램

자바스크립트를 이용한 랜덤 추첨 프로그램

요즈음 블로그에서 이벤트를 하는 경우들을 많이 볼 수가 있습니다. 이벤트를 하다 보면 이벤트에서 제시한 선물보다 신청자가 많은 경우는 공정을 기하기 위하여 추첨을 하는데 추첨하는 방식은 종이에 쓴다음에 추첨을 하는 방식도 있고 프로그램을 이용하는 방법도 있을 수 있고 ... 기타 여러가지 방법들이 있을것입니다.

저는 홈페이지 이벤트시에 주로 프로그램을 이용한 추첨방식을 이용합니다.
이 추첨프로그램은 자바스크립트를 이용하여 간단하게 만들었는데 블로그에서도 필요하는 분이 있을것 같아서 소스를 올려봅니다.

많은 사람중에서 몇명만 추첨을 해야 하는 경우에 사용할 수 있습니다.

추첨 프로그램 특징

1. 자바스크립트를 이용하여 만들었습니다.
2. 중복 당첨을 제외하였습니다.
3. 랜덤으로 추첨을 하기 때문에 실행할 때마다 결과가 달라집니다.
4. 각종 추첨에 활용이 가능합니다.

추첨결과 화면 예시

 

추첨 프로그램 사용법

먼저 추첨프로그램을 다운로드 한 다음에 소스 중에서 아래 부분을 수정해야 합니다.

<TITLE> 추첨프로그램 </TITLE> <script> function rand() { tot=10 // 자료수 cnt=5; // 추첨인원 data=new Array(tot); data[1]=new Array("1","Kay~","http://ccoma.tistory.com/"); data[2]=new Array("2","행우니","http://icahn.tistory.com/"); data[3]=new Array("3","異眼(이안)","http://thenah.tistory.com/"); data[4]=new Array("4","마속","http://theuranus.tistory.com/"); data[5]=new Array("5","드자이너김군","http://blue2310.tistory.com/"); data[6]=new Array("6","쭌's","http://azeizle.tistory.com/"); data[7]=new Array("7","라이너스™","http://toyvillage.tistory.com/"); data[8]=new Array("8","맑은독백","http://amorfati.tistory.com/"); data[9]=new Array("9","이름이동기","http://lucifer625.tistory.com/"); data[10]=new Array("10","비프리박","http://befreepark.tistory.com/"); . . </script>

자료의 수와 추첨인원을 수정해주고, 9번라인부터 tot에 적어준 만큼 자료를 적어주면 됩니다.

위 소스중 에서 9행~18행을 보면 1~10 이라는 숫자가 나오는데 이 숫자는 자료의 순번을 나타내는 일련번호입니다. 자료수에 맞추어 늘리거나 줄이면 됩니다.

9행부터 자료를 적어주는데 따옴표("")안에 자료를 적고 컴마(,)로 구분을 하면 됩니다.

필요로 하시는 분들은 아래 첨부파일을 다운로드 하여 사용하시면 됩니다.

lotto.html

제가 회사에서 추첨할때 임시로 만들어 사용하던 프로그램이라서 조금 허접하지만,
공정성을 기한다는 측면에서 기능적으로는 그럭 저럭 쓸만하답니다.

이벤트도 많이 하시고~~ 추첨도 많이 하시고~~ 선물도 많이 받으시고~~