돌아가기

리스트 생성하기

중요도: 4

사용자로부터 값을 입력받아 리스트를 생성하는 인터페이스를 만들어 보세요.

리스트의 모든 요소는 아래 방법으로 생성합니다.

  1. prompt를 사용해 사용자로부터 리스트의 내용을 입력받습니다.
  2. 1번에서 입력받은 내용을 갖는 <li> 를 생성한 후 <ul> 에 추가합니다.
  3. 사용자가 입력을 취소할 때까지 계속합니다 (ESC 키나 프롬프트 창의 취소 버튼을 누를 때까지).

모든 요소는 동적으로 생성되어야 합니다.

사용자가 HTML 태그를 입력하더라도 텍스트로 처리되어야 합니다.

새 창에서 데모 보기

<li> 에 내용을 추가하기 위한 textContent 사용법을 참고하세요.

샌드박스를 열어 정답을 확인해보세요.