inflearn logo
강의

Khóa học

Chia sẻ kiến thức

Khóa học ES6 để phát triển JavaScript hiện đại

Trình tạo số xổ số

Set 사용 안 한 풀이법

227

nemo

1 câu hỏi đã được viết

0

set 메서드 사용 안한 풀이법 공유드립니다.

 

<!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>로또 추첨기</title>
</head>
<body>
    <div id="result"></div>
    <script>
        const $result = document.querySelector("#result");
        const SETTING = {
        name: "LUCKY LOTTO!",
        count: 6,
        maxNumber: 45
        };

        const $message = document.createElement("div");
        $message.textContent = `${SETTING.name}`;
        $result.appendChild($message);

        function getRandomNumber() {
        // 1~maxNumber 순서대로 숫자 배열 생성
        const numbers = Array(45)
            .fill()
            .map((item, idx) => idx + 1);
        // [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45]

        // 순서대로 생성된 1~45 숫자를 섞기
        const randomNum = [];
        while (numbers.length > 0) {
            const random = Math.floor(Math.random() * numbers.length); // 랜덤 인덱스 뽑기
            const tempArray = numbers.splice(random, 1); // 위에서 뽑은 랜덤 인덱스 위치에 있는 numbers의 요소를 뽑아 임시 변수에 담기 (splice는 배열로 반환됨) numbers의 배열 요소 개수가 하나씩 줄어든다.
            const value = tempArray[0]; // 임시 배열(tempArray)에 담긴 값을 변수에 담기
            randomNum.push(value);
        }

        // 숫자 6개 뽑기
        const result = randomNum.slice(0, 7);

        // 7번째 숫자는 보너스
        const bonus = result.slice(6);
        result.pop();

        // 화면에 결과 출력
        for (let i = 0; i < result.length; i++) {
            const $ball = document.createElement("div");
            $ball.className = "ball";
            $ball.textContent = result[i];
            //$ball.textContent = `${SETTING.name} ${result} 보너스 번호: ${bonus}`;
            $result.appendChild($ball);
        }
        const $bonusBall = document.createElement("div");
        $bonusBall.className = "bonusBall";
        $bonusBall.textContent = bonus[0];
        $result.appendChild($bonusBall);
        }
        getRandomNumber();
    </script>
</body>
</html>

es6 javascript

Câu trả lời 1

0

2donny

dd

 

 

2022년 기준 웹팩 설정하실 때

0

343

0

로또 구현

0

286

0

선생님, arrow 로 활용해서 스크립트 짜봤는데 왜 안될까요? ㅠㅠㅠ

0

256

0

Cannot get 은 무엇이 문제인걸까요?

0

574

0

작업했습니다.

2

237

0

타입 관련 궁금한 점이 있습니다.

1

254

1

로또

0

251

0

이거 링크 없는거 맞죠?

0

194

0

export default 해도

0

204

0

로또 번호 생성 풀이는 없나요??

2

212

0

예제 오류 입니다.

0

193

0

로또 번호 생성기 소스코드

0

338

0

강의에서 사용하시는 툴이 궁금해요

0

265

1

풀이가 없어서

1

249

0

this 바인딩 질문드립니다~

0

240

1

bundle.js 내용이 index.js와 동일합니다

0

737

4

로또 번호 생성기 풀이

0

267

0

전 html 파일을 만들어서 해결해봤습니다.

0

218

0

newArr에 map으로 묶은 fucntion 인자들은 어디서 받아오는 값인가요?

0

200

0

제 답변 올립니다.

0

233

1

ws.has(arr) 문의 입니다.

4

226

2

로또번호 생성기 풀이

0

157

0

왜 이건 유튜브로 나와요?

0

194

0

2020.04 최신 버전으로 진행시 참고하시면 될거같습니다.

13

616

2