this.form.querySelectorAll('li[onclick]').forEach(answer => {
answer.removeAttribute('onclick');
});
+ this.log('done');
return;
}
this.question.innerHTML = '';
put(this.question,
- '[data-id=$] img[src=$]', word[2],
- `/data/word/32/${word[2]}.jpg`
+ '[data-id=$] img[src=$]', word.id,
+ word.thumb()
);
}
console.log(this.question, answer);
let match = this.question.dataset.id == answer.dataset.id;
put(answer, match ? '.good' : '.wrong');
+ this.log('pick', answer.dataset.id, answer.index, this.question.dataset.id);
this.next();
}
setup() {
- this.form = document.getElementById('quiz');
+ super.setup();
+ this.form.innerHTML = '';
this.question = put(this.form, 'figure');
this.words.splice(9)
let answers = put(this.form, 'ul');
this.words
- .forEach(answer => {
- let label = answer[0].replace(/\/.*/, ''); // primary form
+ .forEach((answer, seq) => {
put(answers, 'li[data-id=$][onclick=""]',
- answer[2], label, {onclick: e => this.verify(e)}
+ answer.id, answer.label, {
+ onclick: e => this.verify(e),
+ index: seq,
+ }
)
});
this.words.shuffle();