使ったAI: Claude Code

다음에 답할 사람을(를) 정하는 이름 뽑기 프로그램을 만들어 주세요. 조건은 모두가 한 번씩 뽑힌 뒤에 다시 추첨입니다. 설치할 것도 없고 다른 파일도 필요 없이, 브라우저에서 바로 열리는 단일 HTML 파일 하나로 만들어 주세요. CSS와 자바스크립트는 파일 안에 넣어 주세요. 이미지 파일이나 외부 주소는 일절 쓰지 마세요. 기호가 필요하다면 이모지나 문자를 쓰세요.

한 줄에 하나씩 이름을 붙여넣거나 직접 입력할 수 있게 해 주세요. 커다란 뽑기 버튼을 누르면 한 명이 선택되어 큼직하게 표시됩니다.

긴장감을 불어넣어 주세요. 최종 결정되기 전 약 2초 동안 이름들이 빠르게 지나가도록 해 주세요. 교실에서 뽑기할 때는 연출이 절반이니까요.

공정성에 대해 불만이 나오지 않도록 이번 라운드에서 이미 뽑힌 사람을 보여주세요. 모두에게 차례가 돌아가면 그렇다고 안내하고 새 라운드를 시작하세요.

브라우저를 닫아도 명단이 유지되게 해 주세요. 수업마다 30명씩 이름을 다시 입력하게 만들면 결국 안 쓰게 됩니다.

다 만들고 나면, 이름이 1명만 있는 목록에서도 무한 루프 없이 제대로 작동하는지 확인해 주세요.