index.html 2.36 KB
<!DOCTYPE html>
<html lang="ko">

<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<meta name="theme-color" content="#212121" />
	<title>로또 번호 생성기</title>
	<link rel="stylesheet" type="text/css" href="/style.css">
	<script src="/jquery.js" type="text/javascript"></script>
	<script src="/main.js" type="text/javascript"></script>
	<script defer="" type="text/javascript" src="http://lotto.kaisyu.com/api?method=get&callback=loadlot" ></script>


</head>

<body>

	<H2>로또 번호 생성 & 당첨 확인</H2>
	<p>로또 번호를 생성하고 각 회차의 당첨번호와 비교합니다</p>
	<p>회차 선택시 1등 당첨번호가 바뀌며 선택한 회차의 당첨번호와</p>
	<p>생성한 당첨번호를 비교하여 각 등수의 당첨확률을 보여줍니다</p>
	<div class="container">
	 <div class="row p-4">
	  <div class="col-xs-12">
       <form name="form" id="form">
        <div class="form-group">
         <label for="selectBox">회차별 당첨 번호</label>
         <select id="selectBox" name="selectBox" class="form-control"><option value="" selected disabled>선택</option></select>
		 <button class="btn btn-primary" type="submit">당첨 번호 보기</button>
        </div>
       </form>
      </div>
	 </div>
	</div>
	
	<div id="lotto_api_data">
		<script id="lotto_api_src"></script>
	</div>


	<p style="position:absolute;top:calc(35% + 100px);width:100%;">
		랜덤 번호 생성     <input type="text" id="inputnum" value="5" size="2"><span class="key" onclick="count()">시작</span><span class="key" onclick="
accumulate_number()">누적번호&번호추천</span><span class="key" onclick="resets()">초기화</span>
	</p>
	
	<section id="winner" class="shadow">
		<h2 id="lottok">loading...</h2>
		<div class="output" id="output0"></div>
		<div class="output" id="output1"></div>
		<div class="output" id="output2"></div>
		<div class="output" id="output3"></div>
		<div class="output" id="output4"></div>
		<div class="output" id="output5"></div>
		<div class="output" style="box-shadow:none; color:#000;">+</div>
		<div class="output" id="output6"></div>
	</section>
		
	<div id="stats"></div>
	<ol id="lottotable"></ol>
	<ol id="accumulate_table"></ol>
	<ol id="recom_table"></ol>
	


</body>

</html>