웹솔루션개발 22년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] Create Engaging Fill-in-the-Blank Quizzes with fillInTheBlank.js 본문

웹프로그램밍 자료실/JAVA 자료

[해피CGI][cgimall] Create Engaging Fill-in-the-Blank Quizzes with fillInTheBlank.js

해피CGI윤실장 2024. 9. 3. 09:17

fillInTheBlank.js는
웹 페이지에서 대화형 빈칸 채우기 질문을 만들 수 있는 경량 jQuery 플러그인입니다.

플러그인은 교육 웹사이트, 퀴즈 또는 대화형 콘텐츠가 필요한
모든 시나리오에 대한 빈칸 채우기 연습을 만드는 데 도움이 될 수 있습니다.
수동적 읽기를 능동적 학습 경험으로 전환하여 사용자 참여를 향상시킵니다.

내부적으로 fillInTheBlank.js는
사용자 지정 구분 기호로 둘러싸인 텍스트를
사용자가 답변을 입력할 수 있는 편집 가능한 동적 요소로 변환합니다.
정답을 입력하면 페이지에 표시됩니다.
그렇지 않으면 사용자 지정 오류 이벤트가 발생합니다.


다운로드 받은 파일의 압축을 해제한 뒤에
index.html 파일을 웹브라우저로 열어보면 데모 확인이 가능합니다.




화면에 문장을 표시해주고,
입력박스에 입력해야할 문자를 맞추거나, 틀렸을때
아래 그림 처럼 각 상황에 맞는 경고창이 뜨는 간단한 예제입니다.







사용방법은 아래와 같습니다.





 

Comments