-let quiz = {
-dataurl: '/data/wordlist.nl.json',
+class Quiz {
+ next() {
+ let word = this.words.shift();
+ let form = put(this.form,
+ '+img[src=$]+ul', `/data/word/en/${word[0]}.jpg`,
+ );
-next: () => {
- let word = quiz.words.shift();
- 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
- answers.forEach(suggest => {
- let option = put(form, 'li', suggest, {onclick: () => {
- if (suggest != word[2]) {
- // incorrect
- put(option, '.wrong');
- return;
- }
- put(option, '.good');
- window.setTimeout(quiz.next, 500);
- }});
- });
-},
-
-setup: () => {
- fetch(quiz.dataurl).then(res => res.json()).then(json => {
- quiz.form = document.getElementById('quiz');
- quiz.words = Object.values(json)
+ let answers = [word[2], this.words[1][2], this.words[2][2], this.words[3][2]]
.sort(() => {return .5 - Math.random()}) // shuffle
- .map(row => row.split(/:/))
- quiz.next();
- });
-},
+ answers.forEach(suggest => {
+ let option = put(form, 'li', suggest, {onclick: () => {
+ if (suggest != word[2]) {
+ // incorrect
+ put(option, '.wrong');
+ return;
+ }
+ put(option, '.good');
+ window.setTimeout(() => this.next(), 500);
+ }});
+ });
+ }
+
+ constructor() {
+ this.dataurl = '/data/wordlist.nl.json';
+ fetch(this.dataurl).then(res => res.json()).then(json => {
+ this.form = document.getElementById('quiz');
+ this.words = Object.values(json)
+ .sort(() => {return .5 - Math.random()}) // shuffle
+ .map(row => row.split(/:/))
+ this.next();
+ });
+ }
};
-quiz.setup();
+new Quiz();