-
질문 & 답변
카테고리
-
세부 분야
프로그래밍 언어
-
해결 여부
미해결
요구사항이 html 화면에서 떠야하는 줄 알았어요..!
21.10.11 19:36 작성 조회수 102
0
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
과제제출합니다아!
'use strict';
// <li>
// 배열을 생성하고 변수에 할당한다.
let html = [];
// 배열에 맨 첫번째와 맨끝에 <ul>태그를 삽입한다.
html.push('<ul>');
console.log(html);
// 1부터 10까지의 수만큼 반복하며, 문자열의 변수에 순서대로
수를 넣는다.
수를 넣는다.
for(let i = 1; i <= 10; i++){
// i 수를 넣은 완성된 문자열을 순차적으로 배열에 담는다.
html.push(`<li id=id${i}>id${i}</li>`);
}
html.push('</ul>');;
// 배열을 구분자가 없는 문자열로 결합한다.
let result = html.join('');
document.body.innerHTML = result;
console.log(result);
//(12) ['<ul>', '<li id=id1>id1</li>', '
<li id=id2>id2</li>', '<li id=id3>id3</li>',
'<li id=id4>id4</li>', '<li id=id5>id5</li>',
'<li id=id6>id6</li>', '<li id=id7>id7</li>',
'<li id=id8>id8</li>', '<li id=id9>id9</li>',
'<li id=id10>id10</li>', '</ul>']
<li id=id2>id2</li>', '<li id=id3>id3</li>',
'<li id=id4>id4</li>', '<li id=id5>id5</li>',
'<li id=id6>id6</li>', '<li id=id7>id7</li>',
'<li id=id8>id8</li>', '<li id=id9>id9</li>',
'<li id=id10>id10</li>', '</ul>']
답변을 작성해보세요.
답변 0