• 목록
• 답변
• 글쓰기
• 게시판 리스트 옵션
  • 수정
  • 삭제

안녕하세요!​자바스크립트만으로 로또번호번호추출기 로또 번호 자동 추출기 만들기​html파일 하나로만 이루어진아주 간단한 코드!​누구나 만들 수 있다.그럼 시작해보자.​사이트 바로가기 링크자바스크립트로 만든 행운의 로또 번호 추출기 입니다.lotto777.shop원 페이지에 로또번호번호추출기 다 들어가게끔하고 모바일 최적화로 구현했는데이 모든 걸 html파일 하나만으로 만들 수 있다.​자 그럼 시작!​Step 1htmlhtml파일을 만들어 준다.h태그로 필요 문구를 집어넣어 준다.박스를 담을 로또번호번호추출기 클래스누르면 로또번호가 생성될 버튼 그리고 생성된 번호를 화면상에 표시할 히스토리 div를 만든다.​Step2script전역변수로 좀 전에 만든 div를 변수로 만들고로또 숫자와 결과를 담을 Num과 로또번호번호추출기 Result를 빈 배열로 만들어 둔다.for문을 통해 45까지의 숫자를 돌려 선택된 하나(i)를 배열에 넣고 화면에 보여준다.​즉,1부터 45까지의 숫자를 lottoNum 배열에 추가하고, 각 숫자를 로또번호번호추출기 나타내는 div 요소를 생성하여 .lotto-box 요소에 추가하는 것이다.;버튼이 클릭되면, 먼저 .lotto-box2 요소의 내용을 비우고lottoReslut 배열이 6개의 번호를 가질 때까지 반복한다.그리고1부터 45까지의 랜덤한 로또번호번호추출기 숫자를 생성하고, 이미 선택된 숫자인지 확인한다선택된 숫자가 lottoReslut 배열에 없는 경우, 해당 숫자를 lottoReslut 배열에 추가하고, 해당 숫자를 나타내는 div 요소를 .lotto-box2에 로또번호번호추출기 복사하여 추가한다.;lottoReslut 배열에 6개의 번호가 채워지면,이 번호들을 text1, text2, ..., text6 변수에 할당한다.pTag라는 새로운 p 태그를 생성하고, 당첨 번호를 텍스트로 설정하여 lottoHistory 로또번호번호추출기 요소에 추가한다.마지막으로 lottoReslut 배열을 비워준다.​그러면페이지가 로드되면 init() 함수가 호출되어 .lotto-box 요소에 1부터 45까지의 숫자를 표시하게 된다.​Step3csscss코드이다.​​이렇게 자바스크립트로로또 추출 사이트를 만드는 방법을 알아보았다.​사이트 로또번호번호추출기 배포까지 했으니 사이트에 꼭 들어가보시길 바란다!​