Skip to main content
SimilarExport ZIP
100%

simple quiz

✓ Published0🌍 Public
KKacieW
Last edited May 11, 2017
Created on May 11, 2017

This simple quiz demonstrates a login-gated question interface that remembers returning users via cookies and localStorage. The page shows a start screen with a login form, then cycles through multiple-choice questions with radio buttons and previous/next navigation. JavaScript stores user answers in an array and compares them against the hardcoded correct answers to generate a results page. The code uses jQuery for DOM manipulation and event handling, along with native browser APIs like `document.cookie` and `localStorage.setItem`.

AI-generated description

Similar vizzes

Loading thumbnail…

Fork of HTML Starter

This example demonstrates a simple HTML quiz form that tests the user's knowledge of computer platforms, with radio buttons for Windows, Apple, and Unix. It evaluates the selected answer using JavaScript, increments a score counter for correct responses, and displays an alert if the answer is wrong. The page also shows the current time using the JavaScript `Date` object and `getElementById` to update the displayed timestamp. The code relies on vanilla HTML form elements, inline event handlers, and basic DOM manipulation without external libraries.

NNita
66% match
Loading thumbnail…

My quiz

This example turns the classic "You Draw It" concept into an interactive multiple-choice quiz. It presents two questions—one about a conference location and one about a speaker—and asks the user to guess the correct answer. The visualization relies on the D3.js v5 library and the `youdrawit` JavaScript library, which manages the chart layout and interaction. The code defines question objects with data arrays containing options and a boolean flag for the correct answer. It also exposes a `globals` object for customizing text, allowing easy localization and styling of the quiz interface. The chart is rendered into a `div` with the class `chart`.

EEE2dev
63% match
Loading thumbnail…

0415..1

A minimalist login simulation prompts the user for an ID and password, redirecting to a success page only for the admin credentials `admin`/`123456` and otherwise to an error page. The example uses plain JavaScript with `prompt()` for input and `location.href` for navigation, embedded in a bare HTML page with CSS styling. The code demonstrates conditional branching and basic client-side authentication without any external libraries or data visualization.

KKim-Mingyeong
63% match
Loading thumbnail…

My quiz

This example presents an interactive quiz where viewers estimate values for each question before revealing the correct answer. The visualization uses a "You Draw It" pattern: after a user draws their guess on a chart, the actual data is shown for comparison. The code relies on the D3.js v5 library and the custom `youdrawit` chart API, which handles the drawing and scoring logic. Questions are defined as data arrays or single values, with optional units, precision, and axis limits. The interface is configured for German, with buttons and score feedback, though the score display remains commented out.

EEE2dev
62% match
Loading thumbnail…

My quiz

This interactive quiz uses D3.js v5 to guide a user through a sequence of questions, where the first question displays a small line chart of annual values (2017–2020) and the second presents a single numeric answer. The visualization is built with the custom `youdrawit` library, which loads chart templates and styling from external CSS and JavaScript files. The code constructs question objects with headings and data, pushes them into an array, and then applies a chart instance to a div in the body. It shows how a lightweight, data-driven quiz can be assembled programmatically, relying on D3’s data binding and the library’s rendering methods.

EEE2dev
62% match
Loading thumbnail…

My quiz

This example shows a Minecraft-themed quiz where viewers guess numeric answers, such as the number of biomes or the sea level, and compare their responses to the correct values. It visualizes each question as a single chart with a drawn line representing the user’s guess. Built with D3 v5 and the youdrawit library, the code defines questions in a JavaScript array and renders them using the `youdrawit.chart()` API, which handles interactive drawing and scoring. The page also loads custom CSS and the youdrawit script from a GitHub-hosted source.

EEE2dev
62% match
Loading thumbnail…

My quiz

This example shows a Minecraft-themed quiz in which the viewer draws a guessed answer on a chart for each of ten questions, such as the number of biomes or the sea level. It uses the You Draw It pattern with d3.v5 and the custom youdrawit library, which animates the chart and reveals the correct answer after the guess. The interface employs the Indie Flower font and includes custom result HTML for some questions, while all data comes from hardcoded values in the script. The chart is rendered with d3.js, and the interaction relies on the library’s built-in drawing and tweening logic.

EEE2dev
61% match
Loading thumbnail…

Math test

A math quiz uses D3.js v3 with an SVG force-directed graph to display answers as draggable, colored circles. The visualization presents arithmetic questions and lets users select the correct result from a node layout, with feedback and score tracking. The code applies `d3.layout.force`, SVG circles, and CSS styling for interactive elements. Language and operation settings adjust quiz content, while checkboxes enable timed quizzes and sound, though the actual sound behavior is not implemented in the shown code. The interface also displays correct/incorrect counts and a timer.

EEE2dev
61% match