msb-public
/
50projects50days
mirror of https://github.com/bradtraversy/50projects50days
1
0
Code Issues Projects Releases Wiki Activity

Update index.html

Browse Source 
New drag-and-drop human verification
Instantly shows right and wrong for each question
Does not destroy the original project structure
pull/235/head
ERIC-HLR 4 months ago committed by GitHub
parent c92b0bc3a8
commit fed202b7e0
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 17 additions and 4 deletions
Show Stats Download Patch File Download Diff File

21
quiz-app/index.html
Unescape View File

@ -7,30 +7,43 @@
<title>Quiz App</title>
</head>
<body>
<div id="verify-container" class="verify-container">
<h2>Human Verification</h2>
<p>Drag the <span class="red">red</span> square onto the <span class="blue">blue</span> square to start the quiz.</p>
<div id="drop" class="square target"></div>
<div id="drag" class="square draggable" draggable="true"></div>
<p id="verify-msg" class="verify-msg"></p>
</div>
<div class="quiz-container" id="quiz">
<div class="quiz-header">
<h2 id="question">Question text</h2>
<ul>
<li>
<input type="radio" name="answer" id="a" class="answer">
<label for="a" id="a_text">Question</label>
<label for="a" id="a_text">Answer A</label>
</li>
<li>
<input type="radio" name="answer" id="b" class="answer">
<label for="b" id="b_text">Question</label>
<label for="b" id="b_text">Answer B</label>
</li>
<li>
<input type="radio" name="answer" id="c" class="answer">
<label for="c" id="c_text">Question</label>
<label for="c" id="c_text">Answer C</label>
</li>
<li>
<input type="radio" name="answer" id="d" class="answer">
<label for="d" id="d_text">Question</label>
<label for="d" id="d_text">Answer D</label>
</li>
</ul>
<p id="feedback" class="feedback"></p>
</div>
</div>
<button id="submit">Submit</button>
</div>

Write Preview
Loading…
Cancel
Save