2025-06-18 11:49:42 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
<link rel="stylesheet" href="https://cdn.simplecss.org/simple.min.css">
|
|
|
|
|
<link rel="stylesheet" href="./style.css">
|
|
|
|
|
<link rel="stylesheet" href="./fontello/css/fontello.css">
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
2025-06-19 02:51:37 +00:00
|
|
|
<div class="offscreen">
|
|
|
|
|
<i class="icon-cancel"></i>
|
|
|
|
|
<i class="icon-ok"></i>
|
|
|
|
|
</div>
|
|
|
|
|
|
2025-06-18 11:49:42 +00:00
|
|
|
<div class="question" data-controller="picker" data-picker-answer-value="2">
|
|
|
|
|
<p>What is the thing and the other thing that goes here?</p>
|
|
|
|
|
|
|
|
|
|
<label>
|
|
|
|
|
<input type="radio" name="ans" value="1" data-picker-target="radio">
|
|
|
|
|
<i class="icon-cancel"></i>
|
|
|
|
|
Blue
|
|
|
|
|
</label>
|
|
|
|
|
<label>
|
|
|
|
|
<input type="radio" name="ans" value="2" data-picker-target="radio">
|
|
|
|
|
<i class="icon-ok"></i>
|
|
|
|
|
Green
|
|
|
|
|
</label>
|
|
|
|
|
<label>
|
|
|
|
|
<input type="radio" name="ans" value="3" data-picker-target="radio">
|
|
|
|
|
<i class="icon-cancel"></i>
|
|
|
|
|
Red
|
|
|
|
|
</label>
|
|
|
|
|
<label>
|
|
|
|
|
<input type="radio" name="ans" value="4" data-picker-target="radio">
|
|
|
|
|
<i class="icon-cancel"></i>
|
|
|
|
|
Yellow
|
|
|
|
|
</label>
|
|
|
|
|
|
|
|
|
|
<button data-action="picker#submitAnswer">Submit</button>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<script src="./scripts/main.js" type="module"></script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|
|
