안녕하셍.
#기술자놈 입니다.
#ChatGPT 를 이용해서 로또 번호의 확율에 대해 알아 봤습니다.
이번에는 #메모장 을 이용하여 #HTML 문서로 열어서
만들수 있는 프로그램을 만들어 봤습니다.
지속된 시행 착오 끝에 기본 셋팅의 코드 값을 알아 냈습니다.
기본형은 클릭을해서 파일을 열면 번호가 생성되는 형태 입니다.
이렇게 되는거죠
그리고 계속된 실패를 끝으로 결과를 찾았습니다.
<!DOCTYPE html>
<html>
<head>
<title>로또 번호 생성기</title>
<meta charset="UTF-8">
<style type="text/css">
body {
background-color: #f2f2f2;
font-family: Arial, sans-serif;
}
h1 {
text-align: center;
}
.container {
margin: 0 auto;
max-width: 600px;
padding: 20px;
background-color: #fff;
box-shadow: 0 2px 4px rgba(0,0,0,0.3);
border-radius: 5px;
}
.btn {
display: block;
margin: 0 auto;
padding: 10px 20px;
background-color: #4CAF50;
color: #fff;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 16px;
font-weight: bold;
}
.btn:hover {
background-color: #3e8e41;
}
.result {
margin-top: 20px;
text-align: center;
}
</style>
</head>
<body>
<div class="container">
<h1>로또 번호 생성기</h1>
<button class="btn" onclick="generate_lotto_nums()">번호 생성하기</button>
<div class="result" id="lotto-nums"></div>
</div>
<script type="text/javascript">
function generate_lotto_nums() {
var lotto_nums = [];
while (lotto_nums.length < 6) {
var num = Math.floor(Math.random() * 45) + 1;
if (lotto_nums.indexOf(num) === -1) {
lotto_nums.push(num);
}
}
lotto_nums.sort(function(a, b){return a-b});
document.getElementById("lotto-nums").innerHTML = "당첨번호: " + lotto_nums.join(", ");
}
</script>
</body>
</html>
이건 너무 길어서 캡쳐는 안했어요.
이렇게 만들어 졌습니다.
솔직히 제가 한거는 지속된 괴롭힘과 갈굼.
#AI 도 갈굼에는 못이기네요.
완성형 파일은 올려놨으니 필요하신분들 다운로드하세요.
기본형 로또번호 생성기
버튼형 로또번호 생성기
복불복 게임 제작 (0) | 2023.04.02 |
---|---|
벽돌깨기 게임 만들기 (0) | 2023.04.02 |
Chat GPT 로또 당첨 번호의 통계를 알려줘!! (0) | 2023.04.02 |
블로그 포스팅 잘하는 방법 (0) | 2023.04.02 |
앱 출시를 성공적으로 할 수 있는 다양한 방법 (0) | 2023.04.02 |
댓글 영역