질문드립니다.

21.04.06 20:06 작성 조회수 116

0

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

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

var formtag = document.createElement('form');
document.body.append(formtag);

var inputbox = document.createElement('input');
formtag.append(inputbox);

var button1 = document.createElement('button');
button1.textContent ='입력';
formtag.append(button1);

var result = document.createElement('div');
result.textContent = 'Great';
document.body.append(result);

formtag.addEventListener('submit', function(event){
event.defaultPrevented();
if (ans === Number(inputbox.value)){
result.textContent = 'Great';
num1 = Math.ceil(Math.random()*9);
num2 = Math.ceil(Math.random()*9);
ans = num1 * num2;
word.textContent = String(num1) + ' x ' + String(num2) + ' 는?' ;
inputbox.value = '';
inputbox.focus();
}else {
result.textContent = 'Wrong';
inputbox.value = '';
inputbox.focus();
}
})
이렇게 코드를 짜보았습니다
구구단을 실행해서 답을 입력하고 엔터를 누르면
result.textContent = 'Great'; 이 동작이 수행되지 않습니다
그런데 inputbox의 value를 빈칸으로 하는건 작동하고
또 focus는 동작하지 않습니다.
course-thumbnail

웹 게임을 만들며 배우는 자바스크립트

구구단 화면 만들기

강의실 바로가기

답변 0

답변을 작성해보세요.

답변을 기다리고 있는 질문이에요.
첫번째 답변을 남겨보세요!

이 글과 비슷한 Q&A