HTML/JavaScript 로 로또번호 생성 프로그램 만들기
 
 

로또번호생성하기 Click

 

 

이 글은 코딩에 대하여 모르는 사람들을 위한 것이기에 코딩을 작성하는 방법부터 이야기 하도록 하겠습니다.

코딩을 편하게 작성하기 위해서 제공되는 많은 툴 들이 있습니다.  이클립스, 비주얼스튜디오, 에디트플러스 등등

그러나 지금은 누구나 바로 만들어 볼 수 있도록, 메모장에서 하는 방법을 알려 드리고자 합니다.

 

 

1. 메모장을 열어 주세요

메모장에서 코딩을 하여, TXT파일이 아닌 HTML파일로 저장을 하여 실행하게 됩니다

 

메모장 코딩

 

 

2. 아래와 같이 코딩 해 주세요

(되도록 보고 직접 작성하여 주시고 힘드시면.. 드래그 하여 복사해서 사용 하세요)

<SCRIPT>
 function randomNum()
 {
    var randomNum = "";
    var tempRanddomNum = "";
 
     for(i=0; i<6; )
     {
            tempRanddomNum  = Math.floor(Math.random() * 45) + 1;

            if(randomNum.indexOf(tempRanddomNum  + "  ") == -1)
            {
                  randomNum += tempRanddomNum  + "  ";
                  i++;
            }

            if(i == 6)
                break;
     }

     document.getElementById("ViewArea").innerText = "이번 주 행운의 숫자는 : " + randomNum;
 }
</SCRIPT>

<CENTER>
<A onclick=randomNum();><DIV style="cursor:pointer; font-size=20px;">★ 행운의 번호는</DIV></A>
<br/>
<DIV id=ViewArea style="color:blue; font-size=20px; font-weight:bold;"></DIV>
</CENTER>

 

 

3. 저장 해 주세요

코딩을 완료 하였다면 파일명을 적고 저장해 주세요 저장 후 확장자를 변경하도록 하겠습니다

 

저장

 

 

4. 파일 확장자를 txt에서 html로 변경 해 주세요

 

확장명 변경

 

 

5. 혹, 변경이 안되시는 분들은 설정을 변경 해 주세요 

그대로 확장자가 txt일 경우(테스트.html.txt)는 폴더 및 검색 옵션에서 알려진 파일 형식의 파일 화장명 숨기기에 체크가 되어 있기 때문입니다

따라서 설정을 체크를 풀어주고 적용하신 후, 다시 확장자를 수정해 보시면 됩니다 

 

폴더옵션설정

 

 

6. 이제 파일을 더블 클릭 해 보세요

확장자까지 변경이 되었다면 더블 클릭하여 웹 화면을 열어주세요

화면에서 "행운의 번호는" 부분을 클릭하시면 이번주 행운의 로또 번호가 표시 됩니다 

 

행운의번호

 

 

 

 

 

☞ 성공하셨다면 하트 꾹~!!

 

 

로또 번호 자동 생성 프램을 만들어 보았습니다

소스 설명은 다음 포스팅에서 올리도록 하겠습니다

 

그럼 이번주 행운의 번호와 함께!

 

이번주로또번호

 

5,000원 이상 걸리시면 댓글 필수입니다 ^^

Posted by JOY [바가지]

댓글을 달아 주세요



티스토리 툴바