index.html 2.19 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 id="a1"  defer="" type="text/javascript" document.write('src=""')></script>



</head>

<body>

	<H2>로또 번호 생성 & 당첨 확인</H2>
	<p>로또 번호를 생성하고 각 회차의 당첨번호와 비교합니다</p>
	<p>회차 선택시 1등 당첨번호가 바뀌며 선택한 회차의 당첨번호와</p>
	<p>생성한 당첨번호를 비교하여 각 등수의 당첨확률을 보여줍니다</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>
        </div>
        <button class="btn btn-primary" type="submit">결과 보기</button>
       </form>
       <pre id="result"></pre>
	   <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>
	 </div>
	</div>
	


	<p style="position:absolute;top:calc(50% + 100px);width:100%;">
		<input type="text" id="inputnum" value="5" size="2"><span class="key" onclick="count()">시작</span>
	</p>


	<div id="stats"></div>

	<ol id="lottotable"></ol>




</body>

</html>