강의

멘토링

커뮤니티

Cộng đồng Hỏi & Đáp của Inflearn

Hình ảnh hồ sơ của jfmam8876
jfmam8876

câu hỏi đã được viết

Học JavaScript bằng cách tạo trò chơi trên web

Tạo màn hình bảng cửu chương

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

Viết

·

306

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} 는?`;
        inputvalue = '';
        input.focus();
    }
    else{
        input.focus();
        alert('틀렸습니다')
    }
})
이렇게 코드를 짜보았는데 똑같이한거같은데 전송을 하고나면
검색창과 버튼창이 사라집니다
javascript

Câu trả lời 4

0

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

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

0

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

0

jfmam님의 프로필 이미지
jfmam
Người đặt câu hỏi

word.append(form);

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

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

0

zerocho님의 프로필 이미지
zerocho
Người chia sẻ kiến thức

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

Hình ảnh hồ sơ của jfmam8876
jfmam8876

câu hỏi đã được viết

Đặt câu hỏi