inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

자바스크립트 비기너: 튼튼한 기본 만들기

7. 엘리먼트 값을 문자열로 변환, [코딩 시간]

요구사항이 html 화면에서 떠야하는 줄 알았어요..!

184

지루한 메기

작성한 질문수 11

0

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 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>']

oop javascript

답변 0

프론트엔드 부트캠프 가기 전, 짧은 감사 인사드립니다!

2

123

2

섹션10 3. Object 프리미티브 값 구하기에서 질문있습니다.

1

172

2

섹션3의 1강 연산자, 표현식 강의에서 표현식 질문이 있습니다.

0

157

2

섹션 1. 6번째 강의 질문입니다.

1

264

1

선생님 Objcet 질문 있습니다.

0

308

2

forEach문을 활용한 코딩시간 풀이

0

624

1

sort 코딩 시간 풀이

0

299

1

코딩 시간 풀이 올려봅니다.

0

234

1

인덱스 코딩시간 문제풀이

0

389

1

for문 코딩 시간 답제출

0

313

1

3:39 sort에 들어가서 one,two 파라미터질문입니다.

0

199

0

퀴즈 질문 및 정답

0

365

1

오브젝트

0

292

1

인스턴스 목적

1

248

1

[코딩시간 01] 3항 연산자로 작성했을 때, 각 값..?

0

277

1

Undefined === Null; // true???

0

199

1

indexOf의 파라미터에 음수를 작성 했을때에 대한 질문입니다.

0

1041

5

length 값 변환 논리에 대한 질문입니다.

0

219

1

상수 변수 선언에 대해

0

241

1

코딩 시간 (for문) 풀이

0

259

1

Object vs object

1

508

1

코딩 시간 풀이입니다.

0

203

1

log(add(1, 2, 3, 4));

0

186

1

코딩시간 답 제출

0

202

1