면접 질문을 랜덤으로 뽑기 위한 룰렛입니다.
배포링크: https://dollyeo.vercel.app/
링크 접속 시 질문을 입력할 수 있는 인풋창과 룰렛을 돌릴 수 있는 버튼을 확인할 수 있습니다.
원하는 질문을 입력하고 등록 버튼 혹은 enter를 누르면 질문이 등록됩니다.
제외하고 싶은 질문을 한 번 클릭하면 글 가운데 줄이 그어지며 선택 대상에서 제외됩니다.
제외된 질문을 한 번 클릭하면 글 가운데 줄이 사라지며 선택 대상에 포함됩니다.
문항을 연속 클릭하면 클릭된 문항이 삭제됩니다.
선택 대상에 포함되어있는 질문 중 랜덤으로 문항 하나가 회색 배경으로 선택됩니다.
선택된 문항은 다음 시도에서 제외됩니다.
페이지를 새로고침하면 입력된 문항이 전부 삭제됩니다.
참여자 추가 삭제 버튼으로 발표에 참여할 사람의 인원을 추가 삭제할 수 있습니다.
순서정하기 버튼을 누르면 발표순서를 랜덤으로 설정하여 나타냅니다.
- 텍스트창에 질문을 입력할 수 있어야 한다.
- 룰렛 버튼을 누르면 랜덤으로 저장된 내용중 하나를 선택한다.
- 선택된 문항은 다시 선택되지 않는다.
- 입력된 항목은 삭제할 수 있다.
- 발표 순서를 랜덤으로 정해준다. - 2022/10/31
- 여러줄 입력 시 개행을 기준으로 리스트 추가되게 한다. - 2023.05.03 #1
- 입력한 내용 pdf로 출력하는 기능 - 2023.05.04 #2
- 질문 초기화 버튼 - 2024.02.06
- 질문이 끝났을 때 완료 알림 창 - 2024.02.06
- 질문과 답을 모두 입력가능하게 하여 답을 바로 확인할 수 있게 한다.
- 저장 버튼을 누르면 로컬 스토리지에 저장한다.
- 저장된 리스트가 화면에 나타난다.
- 자바스크립트를 사용하여 특정 엘리먼트로 화면을 이동시키는 방법은?
scrollIntoView()
- 배열 요소 무작위로 섞기
function shuffle(array) { array.sort(() => Math.random() - 0.5) }
- We called the Node.appendChild method on a NodeList and not on a DOM element, which caused the error.
- index번호를 명시해 에러 해결
- 참고: https://bobbyhadz.com/blog/javascript-typeerror-appendchild-is-not-a-function