23.04.26 자바스크립트 로또번호 생성기 예제

카테고리 없음

23.04.26 자바스크립트 로또번호 생성기 예제

hyerin1201 2023. 4. 27. 00:19

<body>
  <div id="container">
    <h1>로또번호생성기</h1>
    <button>클릭</button>
    <div id="result"></div>
  </div>
</body>

#container {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100vh;
}
button {
  width: 200px;
  padding: 20px;
  font-size: 1.2em;
}
#result {
  font-size: 2.5em;
  padding: 20px;
  color: red;
}

const result = document.querySelector("#result");
const button = document.querySelector("button");
const luckyNumber = {
  digitcount : 6,
  maxNumber : 45
};


button.addEventListener("click", () => {
  // let {digitcount, maxNumber} = luckyNumber;
  let myNumber = new Set();
  for(let i = 0; i < luckyNumber.digitcount; i++){
    myNumber.add(Math.floor((Math.random() * luckyNumber.maxNumber) + 1));
  }
  result.innerText = `${[...myNumber]}`;
});