X-Git-Url: http://git.shiar.nl/sheet.git/blobdiff_plain/9e7638a0a6d9dfa09dfe6ae304ace1b364be738a..672c988ed67ead332ff818d481b0a452b988aa30:/word/quiz.js

diff --git a/word/quiz.js b/word/quiz.js
index ce60d3a..3bfa2ca 100644
--- a/word/quiz.js
+++ b/word/quiz.js
@@ -3,28 +3,23 @@ dataurl: '/data/wordlist.nl.json',
 
 next: () => {
 	let word = quiz.words.shift();
-	let question = document.createElement('img');
-	question.src = `/data/word/en/${word[0]}.jpg`;
-	question.style.maxWidth = '50%';
+	let form = put(quiz.form,
+		'img[src=$]+ul', `/data/word/en/${word[0]}.jpg`,
+	);
 
 	let answers = [word[2], quiz.words[1][2], quiz.words[2][2], quiz.words[3][2]]
 		.sort(() => {return .5 - Math.random()}) // shuffle
-	let form = document.createElement('ul');
 	answers.forEach(suggest => {
-		let option = document.createElement('li');
-		option.onclick = () => {
+		let option = put(form, 'li', suggest, {onclick: () => {
 			if (suggest != word[2]) {
 				// incorrect
-				option.classList.add('wrong');
+				put(option, '.wrong');
 				return;
 			}
-			option.classList.add('good');
+			put(option, '.good');
 			window.setTimeout(quiz.next, 500);
-		};
-		option.append(suggest);
-		form.append(option);
+		}});
 	});
-	quiz.form.append(question, form);
 },
 
 setup: () => {