artseyio-typing-tutor/js/artsey-tutor.js

let key_q = [
    [0, 0, 0, 0],
    [0, 0, 0, 0]
];

let key_w = [
    [0, 0, 0, 0],
    [0, 0, 0, 0]
];

let key_e = [
    [0, 0, 0, 0],
    [0, 0, 0, 0]
];

let key_r = [
    [0, 0, 0, 0],
    [0, 0, 0, 0]
];

let key_t = [
    [0, 0, 0, 0],
    [0, 0, 0, 0]
];

let key_y = [
    [0, 0, 0, 0],
    [0, 0, 0, 0]
];

let key_u = [
    [0, 0, 0, 0],
    [0, 0, 0, 0]
];

let key_i = [
    [0, 0, 0, 0],
    [0, 0, 0, 0]
];

let key_o = [
    [0, 0, 0, 0],
    [0, 0, 0, 0]
];

let key_p = [
    [0, 0, 0, 0],
    [0, 0, 0, 0]
];

let key_a = [
    [0, 0, 0, 0],
    [0, 0, 0, 0]
];

let key_s = [
    [0, 0, 0, 0],
    [0, 0, 0, 0]
];

let key_d = [
    [0, 0, 0, 0],
    [0, 0, 0, 0]
];

let key_f = [
    [0, 0, 0, 0],
    [0, 0, 0, 0]
];

let key_g = [
    [0, 0, 0, 0],
    [0, 0, 0, 0]
];

let key_h = [
    [0, 0, 0, 0],
    [0, 0, 0, 0]
];

let key_j = [
    [0, 0, 0, 0],
    [0, 0, 0, 0]
];

let key_k = [
    [0, 0, 0, 0],
    [0, 0, 0, 0]
];

let key_l = [
    [0, 0, 0, 0],
    [0, 0, 0, 0]
];

let key_z = [
    [0, 0, 0, 0],
    [0, 0, 0, 0]
];

let key_x = [
    [0, 0, 0, 0],
    [0, 0, 0, 0]
];

let key_c = [
    [0, 0, 0, 0],
    [0, 0, 0, 0]
];

let key_v = [
    [0, 0, 0, 0],
    [0, 0, 0, 0]
];

let key_b = [
    [0, 0, 0, 0],
    [0, 0, 0, 0]
];

let key_n = [
    [0, 0, 0, 0],
    [0, 0, 0, 0]
];

let key_m = [
    [0, 0, 0, 0],
    [0, 0, 0, 0]
];

let key_comma = [
    [0, 0, 0, 0],
    [0, 0, 0, 0]
];

let key_period = [
    [0, 0, 0, 0],
    [0, 0, 0, 0]
];

let key_space = [
    [0, 0, 0, 0],
    [0, 0, 0, 0]
];

let key_enter = [0, 1, 0, 0, 1, 0, 1, 0, 0];

function draw_artsey(config_array) {
    let keys = $('.keyboard-key');
    for (let i = 0; i < keys.length; i++) {
        if (config_array[i] === 1)
            $(keys[i]).css('background-color', 'black');
        else
            $(keys[i]).css('background-color', 'white');
    }
}

$(document).ready(function() {
    console.log( "ready!" );
    draw_artsey(key_enter);
});