본문 바로가기
javascript/미니게임

숫자야구 - 순서도 그리기

by rewind 2024. 2. 10.

 

 

입력 숫자가 형식에 맞는가는 내가 생각 못했던 부분..

 

 

 

 

 

 

 

 

 

 

 

 

 

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>