HTML/JavaScript 로 로또번호 생성 프로그램 만들기
이 글은 코딩에 대하여 모르는 사람들을 위한 것이기에 코딩을 작성하는 방법부터 이야기 하도록 하겠습니다.
코딩을 편하게 작성하기 위해서 제공되는 많은 툴 들이 있습니다. 이클립스, 비주얼스튜디오, 에디트플러스 등등
그러나 지금은 누구나 바로 만들어 볼 수 있도록, 메모장에서 하는 방법을 알려 드리고자 합니다.
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원 이상 걸리시면 댓글 필수입니다 ^^
'프로그래밍 > HTML, CSS, JavaScript' 카테고리의 다른 글
[티스토리] HTML / CSS 를 활용한 상단 꾸미기 - 메뉴 (0) | 2017.09.08 |
---|---|
[HTML/JavaScript] 로또번호 자동생성 소스 설명 (1) | 2017.09.06 |
[티스토리 스킨만들기] 두번째 치환자 적용하기 (4) | 2017.09.01 |
[티스토리 스킨만들기] 로 배워가는 웹 디자인 첫번째 시간 (4) | 2017.09.01 |
[웹 프로그래밍] 개발자 도구를 이용한 자바스크립트 디버깅 방법 (0) | 2017.08.30 |