This project was to create an interactive quiz using Brackets for coding. The project was intended to give Instructional Design and Technology students a basic understanding of the coding that's required to design an interactive quiz for use as an assessment tool to measure the student's level of understanding of the content that is being taught. While the class is not a class about coding, it is still important to give Instructional Design and Technology students a basic understanding of the coding that goes into an interactive quiz. The coding that was involved included: HTML, CSS, JSON and JavaScript.
This image highlights the HTML that was used.
This image highlights the CSS that was used to design the overall look of the page, e.g. font-type, margins, font-size, padding, etc.
This image highlighted the Javascript that was needed to design the 'correct answer' state. When the user clicks on the correct answer a green check mark appears and feedback displays.
This image highlights the JSON that was used to design the question and answer text.
