-
카테고리
-
세부 분야
프로그래밍 언어
-
해결 여부
해결됨
전 html 파일을 만들어서 해결해봤습니다.
20.09.25 16:08 작성 조회수 96
0
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Exam2</title>
</head>
<body>
<h3>Destructuring, Set 활용한 Lotto 번호 만들기</h3>
<ol>
<li>유일한 값을 추출하는 과정에서 Set을 활용</li>
<li>getRandomNumber 함수를 만들어 변수를 전달하는 과정에서 destructuring을 사용</li>
</ol>
<div style="border: 1px solid black">
<pre>
const SETTING = {
name : "LUCKY LOTTO!",
count : 6,
maxNumber : 45
}
function getRandomNumber(maxNumber) {
// 랜덤한 유일한 숫자값을 추출
}
</pre
>
</div>
<p><span class="lottoName">0</span> : <span class="lottoNumber">0</span></p>
<script>
const numbers = new Set();
const SETTING = {
name: "LUCKY LOTTO!",
count: 6,
maxNumber: 45,
};
function getRandomNumber(maxNumber, numbers) {
// 랜덤한 유일한 숫자값을 추출
while (numbers.size != 6) {
numbers.add(Math.floor(Math.random() * 45 + 1)); // 1 ~ 45
}
}
function settingText(name, numbers) {
const lottoName = document.querySelector(".lottoName");
const lottoNumber = document.querySelector(".lottoNumber");
const lottoNumbers = Array.from(numbers);
lottoNumbers.sort(function (a, b) {
return a - b;
});
lottoName.innerText = name;
result = "";
for (let data of lottoNumbers) {
result += data + " ";
}
console.log(result);
lottoNumber.innerText = result;
}
const { name, maxNumber } = SETTING;
getRandomNumber(maxNumber, numbers);
settingText(name, numbers);
</script>
</body>
</html>
답변을 작성해보세요.
답변 0