자바 스크립트 독학 기초 / 코드 뜯어 보기 #1 / 랜던 번호 생성기

728x90

<!DOCTYPE html>

<head>

<title>번호 생성기</title> 웹 페이지 이름

</head>

<body>

<h1>랜덤 번호 추첨기</h1> 페이지 상단 제목

var lotto = []; lotto 라는 이름의 array(글자나 숫자를 담는 공간) 생성

while (lotto.length < 6) {

조건문 while을 사용, (조건) / lotto의 길이가 6 미만 까지만 반복함 / 6이상이 되면 종료

'{내용}' '(조건)'에 만족하는 동안 계속 '{내용}'을 진행

var num = parseInt(Math.random() * 45 + 1);

num 이라는 변수를 생성 / Math.random()은 0 이상 1미만의 실수를 생성

Math.random() * 45 +1 -> 0 이상 46미만의 실수를 생성

parseInt() -> () 안의 값을 '정수'로 변환

if (lotto.indexOf(num) == -1) {

조건문 if를 사용, '(조건)'을 만족하는 동안 '{내용}'을 진행

조건 lotto.indexOf(num) -> 변수 num이 lotto array 안에 존재 몇 번째 항목 나타냄 존재하지 않으면 -1

랜덤으로 생성된 숫자가 중복적으로 array에 들어가지 않게 해주기 위함

lotto.push(num);

조건을 만족한다면 lotto array에 랜덤으로 생성된 num(0이상 46미만의 정수) 삽입

조건에 의해서 중복된 숫자일 경우 삽입하지 않음

}

</script>

</body>

</html>

주석이 표시되어 있지 않는 부분은 뼈대인 html 이기에 자바 스크립트 내용만 삽입하였습니다.

728x90

[JS] Object 변수 데이터 추가, 문자열(String)을 이용한 동적 접근 방법 (0)	2022.08.17
[JS] 자바스크립트의 상속과 prototype (0)	2022.08.04
[JavaScript] String-boot 웹 소켓(WebSocket)을 이용한 실시간 채팅 구현 - Session Storage 활용하기 (2)	2021.12.29
[JavaScript] 바닐라 자바스크립트 disabled, display 속성 추가, 해제(변경) (0)	2021.12.29
자바 스크립트 기초 / 글자수 계산기 (3)	2020.12.08

📝 적어서 머릿속으로