JS 구구단 구현

구구단 구현하기.

• Math.floor: 내림
• Math.ceil: 올림
• Math.random: 랜덤하지만 엄밀한 랜덤은 아니다.
• 무한 반복문의 경우 shift + esc을 눌러 종료가능.
  • Number(null) = 0 / 프롬프트에서 취소를 누르면 null이 됨.

while(true) {
    var num1 = Math.ceil(Math.random() * 9);
    var num2 = Math.ceil(Math.random() * 9);
    var result = num1 * num2;
    var condition = true;
    while(condition) {
        var answer = prompt(String(num1)  + '곱하기' + String(num2) + '는?');
        if(result === Number(answer)) {
            alert('딩동댕');
            condition = false;
        } else {
            alert('땡');
        }
    }
}

var num1 = Math.ceil(Math.random() * 9);
var num2 = Math.ceil(Math.random() * 9);
var result = num1 * num2;

var body = document.body;
var word = document.createElement('div');
word.textContent = String(num1) + '곱하기' + String(num2) + '는?';
document.body.append(word);

var form = document.createElement('form');
document.body.append(form);
var input = document.createElement('input');
form.append(input);
var button = document.createElement('button');
form.append(button);
button.textContent = '입력';
var answerBox = document.createElement('div');
document.body.append(answerBox);

form.addEventListener('submit', function wordgame (e) {
    e.preventDefault();
    if (result === input.value {
        answerBox.textContent = '딩동댕';
        num1 = Math.ceil(Math.random() * 9);
        num2 = Math.ceil(Math.random() * 9);
        result = num1 * num2;
        input.value = '';
        input.focus();
    }) else {
        answerBox.textContent = '땡';
        input.value = '';
        input.focus();
    }
});

---

REFERENCE
https://www.inflearn.com/course/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EA%B2%8C%EC%9E%84-%EA%B0%9C%EB%B0%9C/lecture/17163?tab=note&mm=null