<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>로또 번호 생성기</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f2f2f2;
text-align: center;
padding: 20px;
}
#lottoNumbers {
margin: 20px 0;
font-size: 24px;
}
button {
padding: 10px 20px;
font-size: 16px;
cursor: pointer;
}
#stats {
margin-top: 20px;
}
</style>
</head>
<body>
<h1>로또 번호 생성기</h1>
<label for="minNumber">최소 번호:</label>
<input type="number" id="minNumber" value="1" min="1" max="50">
<label for="maxNumber">최대 번호:</label>
<input type="number" id="maxNumber" value="45" min="1" max="50">
<label for="includeNumber">포함할 번호:</label>
<input type="number" id="includeNumber" placeholder="예: 1">
<label for="excludeNumber">제외할 번호:</label>
<input type="number" id="excludeNumber" placeholder="예: 7">
<button id="generateButton">번호 생성</button>
<div id="lottoNumbers"></div>
<div id="stats"></div>
<script>
document.getElementById('generateButton').addEventListener('click', function() {
const min = parseInt(document.getElementById('minNumber').value);
const max = parseInt(document.getElementById('maxNumber').value);
const include = parseInt(document.getElementById('includeNumber').value) || null;
const exclude = parseInt(document.getElementById('excludeNumber').value) || null;
const lottoNumbers = generateLottoNumbers(min, max, include, exclude);
document.getElementById('lottoNumbers').innerText = '생성된 번호: ' + lottoNumbers.join(', ');
displayStats(lottoNumbers);
});
function generateLottoNumbers(min, max, include, exclude) {
const numbers = new Set();
while (numbers.size < 6) {
const num = Math.floor(Math.random() * (max - min + 1)) + min;
if (num !== exclude) {
numbers.add(num);
}
}
if (include !== null && !numbers.has(include)) {
numbers.add(include);
}
return Array.from(numbers).sort((a, b) => a - b);
}
function displayStats(numbers) {
const statsDiv = document.getElementById('stats');
const evenCount = numbers.filter(num => num % 2 === 0).length;
const oddCount = numbers.length - evenCount;
statsDiv.innerHTML = `
<h3>통계</h3>
<p>홀수 개수: ${oddCount}</p>
<p>짝수 개수: ${evenCount}</p>
`;
}
</script>
</body>
</html>
코드복사 해서 바로 적용하시면 됩니다 .
'정보' 카테고리의 다른 글
| AI음악제작하기 (0) | 2025.03.03 |
|---|---|
| 주식거래양뱡향검색정보 (0) | 2025.02.06 |
| 해외 주식 자동 매매 프로그램 (2) | 2025.01.30 |
| Python과 Selenium을 이용한 파일 자동 업로드 프로그램 1편 (0) | 2025.01.27 |
| 외국인근로자채용관련 (0) | 2025.01.27 |