<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible
" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="index.css">
<script src="com.js"></script>
<script src="index.js"></script>
<style>
#top {
width: 800px;
height: 150px;
background-color: red;
}
#left {
width: 200px;
height: 700px;
background-color: blue;
float: left;
}
#mid {
width: 600px;
height: 700px;
background-color: orange;
float: left;
}
#bot {
width: 800px;
height: 150px;
background-color: red;
clear: left;
}
input {
width: 80px;
}
</style>
</head>
<body>
<div id="top"></div>
<div id="left"></div>
<div id="mid">
<h1>로또 번호 입력</h1>
<input type="text" id="userLottoNum1">
<input type="text" id="userLottoNum2">
<input type="text" id="userLottoNum3">
<input type="text" id="userLottoNum4">
<input type="text" id="userLottoNum5">
<input type="text" id="userLottoNum6">
<br>
<br>
<input type="button" id="btn" value="결과 보기">
<p id="result001"></p>
<p id="result002"></p>
<p id="result003"></p>
<p id="result004"></p>
<p id="result005"></p>
<p id="result006"></p>
</div>
<div id="bot"></div>
<script>
window.onload = function () {
var playerLotto = [0, 0, 0, 0, 0, 0];
var lotto = [];
var userLottoNum1 = document.getElementById("userLottoNum1");
var userLottoNum2 = document.getElementById("userLottoNum2");
var userLottoNum3 = document.getElementById("userLottoNum3");
var userLottoNum4 = document.getElementById("userLottoNum4");
var userLottoNum5 = document.getElementById("userLottoNum5");
var userLottoNum6 = document.getElementById("userLottoNum6");
var result001 = document.getElementById("result001");
var result002 = document.getElementById("result002");
var result003 = document.getElementById("result003");
var result004 = document.getElementById("result004");
var result005 = document.getElementById("result005");
var result006 = document.getElementById("result006");
btn.onclick = btnClick;
function btnClick() {
playerLotto[0] = userLottoNum1.value;
playerLotto[1] = userLottoNum2.value;
playerLotto[2] = userLottoNum3.value;
playerLotto[3] = userLottoNum4.value;
playerLotto[4] = userLottoNum5.value;
playerLotto[5] = userLottoNum6.value;
runLotto();
}
function runLotto() {
result001.innerHTML = "당첨번호";
//위에랑 설명 똑같다.
for (var i = 0; i < 6; i++) {
lottoRandom = Math.floor(Math.random() * 45) + 1;
//로또 당첨번호
if (lotto.indexOf(lottoRandom) === -1) {
lotto.push(lottoRandom);
} else {
i--;
}
}
result002.innerHTML = lotto;
result003.innerHTML = "당신의 번호: ";
var ts4 = "";
for (var i = 0; i < 6; i++) {
ts4 = ts4 + (playerLotto[i] + " "); //새 코드
}
result004.innerHTML = ts4;
//번호 몇개 맞았는지 확인하는 포문
var count = 0;
for (var i = 0; i < lotto[i]; i++) {
for (var j = 0; j < playerLotto[j]; j++) {
if (lotto[i] == playerLotto[j]) {
count += 1;
break;
}
}
}
result005.innerHTML = count + "개 숫자를 맞추었습니다.";
//document.write
function dw(s) {
document.write(s);
}
//br
function br() {
dw("<br>");
}
}
}
</script>
</body>
</html>
'구트아카데미 > 3. 자바스크립트' 카테고리의 다른 글
| 로그인 하기. (0) | 2021.07.07 |
|---|---|
| 자바스크립트. 함수 리턴 (0) | 2021.06.28 |
| [자바스크립트] 가위바위보 게임 (0) | 2021.06.26 |
| [자바스크립트] 퀴즈게임 (0) | 2021.06.24 |
| [자바스크립트] 주사위게임 (0) | 2021.06.23 |