Math.random() 에서 * n을 하면, n전까지의 숫자가 random으로 나온다.
보기쉽게 소수점첫째자리 버림 하는 함수인 Math.floor()와 함께 주로 사용한다.
예를들어

Math.floor(Math.random()*5)
//=> 0,1,2,3,4 숫자들이 랜덤으로 출력됨.

var 후보군 = Array(45); 
//empty가 45개 생기고 empty의 특징은 foreach반복문 적용 불가.
var 필 = 후보군.fill(); 
//필을 해줘야 45개의 emtpy에서 undefined가 된다.empty가 아니기에 forEach반복문 실행가능해짐.

//forEach를 사용해서 억지로 숫자를 넣을 수 있다.
필.forEach(function(요소,인덱스) {
   필[인덱스] = 인덱스 + 1;
 });

console.log(필);
//=> (45) [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]

var 후보군 = Array(45); 
var 필 = 후보군.fill(); 
var 맵 = 필.map(function(요소, 인덱스){
   return 인덱스 + 1
});

console.log(맵);
//=> (45) [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]

var 후보군 = Array(45).fill().map(function(요소, 인덱스){
  return 인덱스 + 1
});
console.log(후보군);
//=> (45) [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]

var 셔플 = [];
for (var i=0; i<후보군.length; i+=1){
  var 이동값 = 후보군.splice(Math.floor(Math.random()*후보군.length), 1)[0];
  셔플.push(이동값);
} 
console.log('---')
console.log('후보군길이: '+후보군.length); //=>22개
console.log('셔플길이: '+셔플.length);    //=>23개

// 후보군길이 + 셔플길이 = 45 개 된다. 
// 즉, 기존 후보군길이 45개에서 셔플로 23개 빠지고 나머지 22개만 남게된다.

console.log('후보군: '+후보군.sort(function(p, c){ return p-c;})); 
console.log('셔플숫자: '+셔플.sort(function(p, c){ return p-c;}));

while (후보군.length>0){
  var 이동값 = 후보군.splice(Math.floor(Math.random()*후보군.length), 1)[0];
  셔플.push(이동값);
}
console.log('---')
console.log('후보군길이: '+후보군.length); //=> 0개
console.log('셔플길이: '+셔플.length);    //=> 45개

// 후보군길이 + 셔플길이 = 45 개 된다. 
// 즉, 기존 후보군길이 45개에서 셔플로 45개 빠지고 나머지 0개만 남게된다.

console.log('후보군: '+후보군.sort(function(p, c){ return p-c;})); 
console.log('셔플숫자: '+셔플.sort(function(p, c){ return p-c;}));

//1.html상의 결과창태그를 js로 가져오는 방법은 두가지이며 아래 5번에서 자세히 설명함!
var 결과창 = document.getElementById('결과창');

//2.뽑힌 숫자들을 결과창태그의 자식태그로 넣기
for(let i=0; i<당첨숫자들.length; i+=1){
  var 공 = document.createElement('div');   //i번만큼의 div태크 만들고
  공.textContent = 당첨숫자들[i];    //div태크안에는 뽑힌 당첨숫자들을 하나씩 넣고
  결과창.appendChild(공);    //결과창태크의 자식태그로 넣는다
}

//첫번째 방법사용
var 결과창 = document.getElementById('결과창'); 
var 칸 = document.getElementsByClassName('보너스')[0]; //class의 경우 여러개 사용이 가능해서 꼭 뒤에 [n] 몇번째 클래스인지 적어줘야함

//두번째 방법사용
var 결과창 = document.querySelector('#결과창');  //id일 경우 #
var 칸 = document.querySelector('.보너스'); //class일 경우 .

.sort() : 숫자 정렬
예를들어 [2,15,4,7,27].sort();
//=> [15,2,27,4,7] .

.sort(function(p, c){ return p-c;}) : 숫자오름차순 정렬
예를들어 [2,15,4,7,27].sort(function(p, c){ return p-c;})
//=> [2,4,7,15,27]

.sort(function(p, c){ return c-p;}) : 숫자내름차순 정렬
예를들어 [2,15,4,7,27].sort(function(p, c){ return c-p;})
//=> [27,15,7,4,2]

[25,1,12].sort(function(p, c){ return p-c;})
//=> p-c가 0보다 크면 둘의 정렬순서를 바꿔주는 원리.

p - c
25 - 1 = 24 //=>이건 0보다 크므로 [1,25,12]로 정렬순서가 바뀐다. 
// 그리고 바뀐 정렬순서에서 다시 실행.

p - c 
25 - 12 = 13 //=>이건 0보다 크므로 [1,12,25]로 정렬순서가 바뀐다.
//그리고 처음부터 다시 실행.

p - c
1 - 12 = -11 //=>이건 0보다 작으므로 순서를 바꾸지 않는다
//그 다음 계속 실행

p - c
12 - 25 = -13 //=>이건 0보다 작으므로 순서를 바꾸지 않는다
//다 돌았으므로 정렬 끝 = [1,12,25]

setTimeout(function(){
  var 공 = document.createElement('div');
  공.textContent = 당첨숫자들[0];  //for문사용시 클로저문제가 발생하므로 당첨숫자들[0] ~ 당첨숫자들[5]까지 각각 적어준다.
  결과창.appendChild(공);
}, 1000); //밀리초라고해서 1000 = 1초임

for(var i=0; i<당첨숫자들.length; i+=1){
  function 클로저(j){
    setTimeout(function(){
      공색칠하기(당첨숫자들[j], 결과창);
    },(j+1) * 1000);
  }
  클로저(i);
}

for(var i=0; i<당첨숫자들.length; i+=1){
  (function 클로저(j){
    setTimeout(function(){
      공색칠하기(당첨숫자들[j], 결과창);
    },(j+1) * 1000);
  })(i);
}

문자.split(구분자) -> 배열
배열.join(구분자) -> 문자

구분자 ex : ' ' 또는 ' : ' 또는 ',' 등등 다양하게 가능.

배열.indexOf(값)
값의 위치를 알 수 있다.
배열속의 0번째인지 2번째인지 등등
배열속에 없으면 -1 출력.

let 숫자배열 = [1,3,4,5];

숫자배열.indexOf(1) //=> 0
숫자배열.indexOf(4) //=> 2
숫자배열.indexOf(8) //=> -1

어떤 배열에 내가 궁금한 숫자가 있는 지 확인하고 싶을때 
for (let i =0; i<숫자배열.length; i+=1){
  if (숫자배열.indexof(내가궁금한숫자) > -1){
    있다 ++
  }
}

i = i + 1을 두가지 방식으로 짧게 표현할 수 있다

첫번째 : i+=1
원래 순서대로라면 i=+1이 되어야할텐데 왜 +=순서냐면, 연산자에 순서가 있는데 그중에 = 이 제일마지막에 와야하기 때문! 

두번째 : i++

let 가랑카페 = {

커피 : '아메리카노',

가격 : 1500

}


//첫번째 방법 : 닷 노테이션

가랑카페.커피


//두번째 방법 : 브라켓 노테이션

가랑카페['커피']

var 값 : '커피'


가랑카페.값 //=> undefined

가랑카페['값'] //=> '아메리카노'

let 과일 = [ '사과', '복숭아', '배']


console.log(과일[1]) // => 복숭아

var 바디 = document.body;
var 단어 = document.createElement('div');
단어.textContent = '단어';
document.body.append(단어);
var 폼 = document.createElement('form');
document.body.append(폼);
var 입력창 = document.createElement('input');
폼.append(입력창);
var 등록버튼 = document.createElement('button');
등록버튼.textContent = '등록';
폼.append(등록버튼);

function 콜백함수 (이벤트) {}

예를 들어 

function 더하기 (숫자1, 숫자2) {
  console.log(숫자1 + 숫자2);
}
더하기(3, 5) //=>8

폼.addEventListener('submit', function (이벤트) { 
//sunmit은 enter를 치면 기본적으로 새로고침이 되고 기존 기억이 리셋된다.
//그걸 방지하고 계속 진행하기 위해 아래와 같이 preventDefault를 넣어줌 
    이벤트.preventDefault();
    if (단어.textContent[단어.textContent.length -1] === 입력창.value[0]){
        결과창.textContent = '딩동댕';
        단어.textContent = 입력창.value;
        입력창.value = ''; //입력창을 비워주는 것
        입력창.focus(); //커서가 자동으로 입력창에 있음 
    }else{
        결과창.textContent = '땡!';
    }
});

===

반복문
// while(true){
//     var answer = prompt(word);
//     if (word[word.length -1] === answer[0]){
//         alert('딩동댕');
//         word = answer;
//     } else {
//         alert('땡');
//     }
// }