입력 숫자가 형식에 맞는가는 내가 생각 못했던 부분..
1~10미만의 랜덤수 발생시키기
자바스크립트 랜덤 : Math.random 함수 사용
Math.random => 0 <= Math.random < 1 (0~1 미만의 소수)
0 * 9 <= Math.random * 9 < 1 * 9
0 <= Math.random * 9 < 9
1 <= Math.random * 9 + 1 < 10
배열을 쓸지 객체를 사용할지?
단순히 값을 모아야 할때 -> 배열 사용( [] )
값을 모으고 각각의 속성에 이름을 부여해야 할때 -> 객체(리터럴 , {} )사용
<html>
<head>
<meta charset="utf-8">
<title>숫자야구</title>
</head>
<body>
<form id="form">
<input type="text" id="input">
<button>확인</button>
</form>
<div id="logs"></div>
<script>
const $input = document.querySelector('#input');
const $form = document.querySelector('#form');
const $logs = document.querySelector('#logs');
const numbers = [];
for(let n = 0 ; n < 9 ; n++){
numbers.push(n+1);
}
console.log(numbers);
const answers = [];
for(let n = 0 ; n < 4 ; n++){
const index = Math.floor(Math.random() * (numbers.length));
answers.push(numbers[index]);
numbers.splice(index, 1);
}
console.log(answers);
// 1분퀴즈 풀어보기 : 가 => 4 나 => 3 다 => 5 라 => 4
</script>
</body>
</html>