https://github.com/capjamesg/quiz-web-component
A HTML web component that embeds a quiz element on a web page.
Science Score: 13.0%
This score indicates how likely this project is to be science-related based on various indicators:
-
○CITATION.cff file
-
✓codemeta.json file
Found codemeta.json file -
○.zenodo.json file
-
○DOI references
-
○Academic publication links
-
○Committers with academic emails
-
○Institutional organization owner
-
○JOSS paper metadata
-
○Scientific vocabulary similarity
Low similarity (6.3%) to scientific vocabulary
Keywords
Repository
A HTML web component that embeds a quiz element on a web page.
Basic Info
- Host: GitHub
- Owner: capjamesg
- License: mit
- Language: HTML
- Default Branch: main
- Homepage: https://capjamesg.github.io/quiz-web-component/
- Size: 3.91 KB
Statistics
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
- Releases: 0
Topics
Metadata Files
README.md
quiz-web-component
A HTML web component that embeds a quiz element on a web page.
This component is ideal for use in educational content to help readers reinforce their knowledge of the material.
Demo
Here is a demo of the quiz web component:
https://github.com/capjamesg/quiz-web-component/assets/37276661/2baa40f2-5785-4f8e-8e8b-615e238e08a2
Setup
To use this component, first clone this repository:
git clone https://github.com/capjamesg/quiz-web-component
cd quiz-web-component/
Copy the quiz.js file onto your own website.
Add the following code to theweb page where you want to use the component, before you want to use the component:
html
<script src="./path/to/quiz.js"></script>
You can then add the component. To do so, add the following code:
html
<quiz-element
data-question="What is James' favourite Taylor Swift song?"
option-1="Folklore"
option-2="Midnights
option-3="Evermore"
option-4="1989"
answer="1989"
explain-1="Try again!"
explain-2="Not quite!"
explain-3="Almost!"
explain-4="1989 is the best!">
</quiz-element>
Set:
data-question: The question to show.option-1,option-2, etc.: The options. You can specify any number of options.answer: The correct answer.explain-1,explain-2, etc.: The explanations to show when an option is revealed.
License
This project is licensed under an MIT license.
Owner
- Name: James
- Login: capjamesg
- Kind: user
- Location: Scotland
- Company: @Roboflow
- Website: jamesg.blog
- Repositories: 320
- Profile: https://github.com/capjamesg
from words, wonder.
GitHub Events
Total
Last Year
Committers
Last synced: over 1 year ago
Top Committers
| Name | Commits | |
|---|---|---|
| James | 3****g | 2 |
| James Gallagher | j****g@j****g | 1 |
Committer Domains (Top 20 + Academic)
Issues and Pull Requests
Last synced: 11 months ago
All Time
- Total issues: 0
- Total pull requests: 0
- Average time to close issues: N/A
- Average time to close pull requests: N/A
- Total issue authors: 0
- Total pull request authors: 0
- Average comments per issue: 0
- Average comments per pull request: 0
- Merged pull requests: 0
- Bot issues: 0
- Bot pull requests: 0
Past Year
- Issues: 0
- Pull requests: 0
- Average time to close issues: N/A
- Average time to close pull requests: N/A
- Issue authors: 0
- Pull request authors: 0
- Average comments per issue: 0
- Average comments per pull request: 0
- Merged pull requests: 0
- Bot issues: 0
- Bot pull requests: 0