JavaScript Coding Test 9.

JUNHYUK JUNG·2024년 7월 2일

JavaScriptCodingTest

목록 보기
9/9
post-thumbnail

버튼 생성하기

문제

목표: JavaScript를 사용하여 정확히 100개의 새 버튼 요소를 생성하고, 각각을 제공된 container 요소 안에 추가하세요.

조건:

1.	각 버튼에는 텍스트가 있어야 합니다.
2.	각 버튼은 container div 안에 추가되어야 합니다.
3.	appendChild 메서드를 사용해야 합니다.

힌트:

•	100번 반복하세요.
•	루프 안에 새로운 빈 버튼 요소를 생성하세요.
•	버튼에 내부 텍스트를 추가하세요.
•	appendChild를 사용하여 컨테이너에 버튼을 추가하세요.

정답

for (let i=0; i<100; i++) {
    
let container = document.querySelector("#container");

let button = document.createElement("button");
button.innerHTML = "Hey!";

container.appendChild(button);
    
}

0개의 댓글