index.html 3.24 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>Lotto 분석 및 생성</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 src="/data.js" type="text/javascript"></script>
	<script src="/ready.js" type="text/javascript"></script>
	<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
	<script type="text/javascript">
		google.charts.load('current', {'packages':['corechart']});
	</script>
	<div style="height:1800px; background-color: ivory">
	

</head>

<body>
	<H2>Lotto 분석 & 번호 생성</H2>
	<p>랜덤 생성 기능은 무작위로 번호를 생성하여 선택한 회차의 당첨번호와 비교합니다.</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>
		 <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 id="event_section" style="position:absolute;top:calc(38% + 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><span class="key" onclick="graph_accum()">패턴 & 번호추천</span><span class="key" onclick="patten()">역대 번호별 누적횟수</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;" id="plus">+</div>
		<div class="output" id="output6"></div>
	</section>
		
		
	<div id="lotto_api_data2">
		<script id="lotto_api_src2"></script>
	</div>

	<div id="stats"></div>
	<ol id="lottotable"></ol>
	<ol id="accumulate_table"></ol>
	<ol id="recom_table"></ol>	
	<ol id="patten_table"></ol>
	<ol id="patten_recom_table"></ol>
	<section id="graph_section">
		<div id="chart_div_1"></div>
	<section id="graph_section2">
		<div id="chart_div_2"></div>
	</section>
	<section id="graph_section3">
		<div id="chart_div_3"></div>
	<section id="graph_section4">
		<div id="chart_div_4"></div>
	</section>


</body>

</html>