JavaScript
const BUTT_N = 4;
const IM_SRC = "https://img.aijaa.com/b/00365/15226535.jpg";
const QS = [
{options: ["värttinä", "helikkorulla", "sähköpaimen", "binäärihelmitaulu"], correct: 1, imClip: [249,331,470,110]},
{options: ["hasis", "tuomi", "pihlaja", "vastas"], correct: 2, imClip: [399,468,464,359]},
{options: ["kullervo", "kultaharssi", "vitsas", "pellava"], correct: 3, imClip: [276,840,478,466]},
{options: ["hirsikaira", "tynnyriruuvi", "lauhtana", "sahditin"], correct: 0, imClip: [276,1231,468,792]},
{options: ["kahvin paahdin", "separaattori", "pirkkana", "kiprunaakka"], correct: 0, imClip: [344,1744,464,1509]},
{options: ["mururaastin", "karttu", "suomustinrauta", "karsta"], correct: 2, imClip: [554,369,644,228]},
{options: ["matohäkki", "villasäilö", "parkkutoija", "kanttiini"], correct: 0, imClip: [525,687,609,508]},
{options: ["partasuti", "riikkuri", "sultsina", "jauhoharja"], correct: 3, imClip: [533,877,635,748]},
{options: ["karvasmanteli", "raudusnokkonen", "hurtinheinä", "salpietari"], correct: 1, imClip: [700,141,806,1]},
{options: ["inkivääri", "hevosjuuri", "maastikka", "wasabi"], correct: 1, imClip: [755,1137,829,1012]},
//{options: ["", "", "", ""], correct: 0, imClip: },
//{options: ["", "", "", ""], correct: 0, imClip: },
];
class Game {
constructor() {
this.holder = document.createElement('div');
this.imHolder = document.createElement('div');
this.im = document.createElement('img');
this.buttHolder = document.createElement('div');
this.imHolder.classList.add("gameImage");
this.buttHolder.classList.add("gameButtonHolder");
this.imHolder.appendChild(this.im);
this.holder.appendChild(this.imHolder);
this.holder.appendChild(this.buttHolder);
this.im.setAttribute("src", IM_SRC);
this.setImClip(0,0,0,0);
this.butts = [];
for (let i=0; i<BUTT_N; i++) {
let b =...