inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

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

구구단 화면 만들기

검색창과 버튼창이 사라집니다

336

jfmam

작성한 질문수 47

0

var number1=Math.ceil(Math.random()*9);
var number2=Math.ceil(Math.random() * 9);

var body=document.body;
var word=document.createElement('div');
var form=document.createElement('form')
var input=document.createElement('input');
var button=document.createElement('button');
var text=document.createElement('div');

word.textContent=`${number1} 곱하기 ${number2} 는?`;
body.append(word);
word.append(form);
form.append(input);
form.append(button);
button.textContent='확인'


form.addEventListener('submit',(e)=>{
    e.preventDefault();
    if(input.value==number1*number2){
        alert('정답입니다')
        number1 = Math.ceil(Math.random() * 9);
        number2 = Math.ceil(Math.random() * 9);
        word.textContent = `${number1} 곱하기 ${number2} 는?`;
        input, value = '';
        input.focus();
    }
    else{
        input.focus();
        alert('틀렸습니다')
    }
})
이렇게 코드를 짜보았는데 똑같이한거같은데 전송을 하고나면
검색창과 버튼창이 사라집니다

javascript

답변 4

0

이선숙

1. input, value = ''; ---> input. value = '';

2. word.append(form); ---> body.append(form);

0

applebear295

저도 배우는 입장이지만 재 생각은 폼태그는 div 밖인 body태그에 있어야 한다고 생각합니다. word의 div는 단지 문제를 내는것이고 form은 버튼을 눌렀을때 발생하는 이벤트를 만들기 위해 생성된 태그라서 서로 다른겁니다.

0

jfmam

word.append(form);

이부분을 document.body.append로 작성하니 잘되었습니다.

word.append로 하였을때는 검색창이 사라지는 이유가궁금합니다

0

제로초(조현영)

input.value = '' 오타입니다.

iput 입력글자 제한에러...

0

241

0

리팩토링 관련 질문입니다. (자스스톤)

0

289

1

카드 짝맞추기 react-native

0

359

0

필터 메소드 관련 질문입니다.

0

351

1

가위바위보 게임 질문드립니다~

0

218

1

자바스크립트 기초에 관해서 질문있습니다.

0

222

1

질문입니다.

1

371

1

이벤트 리스너 안에서 동작 질문드립니다.

0

343

2

질문드립니다.

0

201

0

안녕하세요 깊은 복사 부분에서 질문 있습니다.

0

256

1

document.createElement('')함수에서

0

255

2

안녕하세요 클로저 부분에서 질문 있습니다.

0

289

1

안녕하세요 제로초님

0

759

1

끝말잇기 화면에 출력 반복문을 이용해서 횟수 제한

0

255

1

안녕하세요 제로초님 질문있습니다

0

326

1

안녕하세요 강의 정말 잘시청하고있습니다.

0

289

3

?

0

159

1

틱택토 게임에서 게임이 끝나고

0

582

1

9 곱하는게 이해가 안 되요~

0

182

1

지뢰찾기 에러잡아내기에서 질문있습니다!

0

471

4

지뢰찾기 에러 관련 질문!

0

493

3

리팩토링에 관한 질문입니다.

0

254

2

Array/Object spread

0

212

1

지뢰찾기게임에서 Math.random() 질문

0

233

1