49 lines
1.8 KiB
JavaScript
49 lines
1.8 KiB
JavaScript
let mappings = {
|
|
'key_q' : [1, 0, 1, 1, 0, 0, 0, 0, 0],
|
|
'key_w' : [0, 0, 0, 0, 0, 0, 0, 0, 0],
|
|
'key_e' : [0, 0, 0, 0, 0, 0, 0, 0, 0],
|
|
'key_r' : [0, 0, 0, 0, 0, 0, 0, 0, 0],
|
|
'key_t' : [0, 0, 0, 0, 0, 0, 0, 0, 0],
|
|
'key_y' : [0, 0, 0, 0, 0, 0, 0, 0, 0],
|
|
'key_u' : [0, 0, 0, 0, 0, 0, 0, 0, 0],
|
|
'key_i' : [0, 0, 0, 0, 0, 0, 0, 0, 0],
|
|
'key_o' : [0, 0, 0, 0, 0, 0, 0, 0, 0],
|
|
'key_p' : [0, 0, 0, 0, 0, 0, 0, 0, 0],
|
|
'key_a' : [0, 0, 0, 0, 0, 0, 0, 0, 0],
|
|
'key_s' : [0, 0, 0, 0, 0, 0, 0, 0, 0],
|
|
'key_d' : [0, 0, 0, 0, 0, 0, 0, 0, 0],
|
|
'key_f' : [0, 0, 0, 0, 0, 0, 0, 0, 0],
|
|
'key_g' : [0, 0, 0, 0, 0, 0, 0, 0, 0],
|
|
'key_h' : [0, 0, 0, 0, 0, 0, 0, 0, 0],
|
|
'key_j' : [0, 0, 0, 0, 0, 0, 0, 0, 0],
|
|
'key_k' : [0, 0, 0, 0, 0, 0, 0, 0, 0],
|
|
'key_l' : [0, 0, 0, 0, 0, 0, 0, 0, 0],
|
|
'key_z' : [0, 0, 0, 0, 0, 0, 0, 0, 0],
|
|
'key_x' : [0, 0, 0, 0, 0, 0, 0, 0, 0],
|
|
'key_c' : [0, 0, 0, 0, 0, 0, 0, 0, 0],
|
|
'key_v' : [0, 0, 0, 0, 0, 0, 0, 0, 0],
|
|
'key_b' : [0, 0, 0, 0, 0, 0, 0, 0, 0],
|
|
'key_n' : [0, 0, 0, 0, 0, 0, 0, 0, 0],
|
|
'key_m' : [0, 0, 0, 0, 0, 0, 0, 0, 0],
|
|
'key_space' : [0, 0, 0, 0, 0, 0, 0, 0, 0],
|
|
'key_enter' : [0, 0, 0, 0, 0, 0, 0, 0, 0],
|
|
'key_comma' : [0, 0, 0, 0, 0, 0, 0, 0, 0],
|
|
'key_period' : [0, 0, 0, 0, 0, 0, 0, 0, 0],
|
|
'key_semicolon' : [0, 0, 0, 0, 0, 0, 0, 0, 0],
|
|
'key_apostrophe' : [0, 0, 0, 0, 0, 0, 0, 0, 0],
|
|
}
|
|
|
|
function draw_artsey(key_config) {
|
|
let keys = $('.keyboard-key');
|
|
for (let i = 0; i < keys.length; i++) {
|
|
if (key_config[i] === 1)
|
|
$(keys[i]).css('background-color', 'black');
|
|
else
|
|
$(keys[i]).css('background-color', 'white');
|
|
}
|
|
}
|
|
|
|
$(document).ready(function() {
|
|
console.log("ready!");
|
|
draw_artsey(mappings['key_q']);
|
|
}); |