avatars.js

const ninjaCollection = document.querySelectorAll(".ninja");
const gruceCollection = document.querySelectorAll(".gruce");
const gasCollection = document.querySelectorAll(".gas");
const ndranCollection = document.querySelectorAll(".ndran");

export const ninja = {
    up: ninjaCollection[0],
    down: ninjaCollection[1],
    left: ninjaCollection[2],
    right: ninjaCollection[3],
    pattern: ninjaCollection[4],
};
export const gruce = {
    up: gruceCollection[0],
    down: gruceCollection[1],
    left: gruceCollection[2],
    right: gruceCollection[3],
    pattern: gruceCollection[4],
};
export const gas = {
    up: gasCollection[0],
    down: gasCollection[1],
    left: gasCollection[2],
    right: gasCollection[3],
    pattern: gasCollection[4],
};
export const ndran = {
    up: ndranCollection[0],
    down: ndranCollection[1],
    left: ndranCollection[2],
    right: ndranCollection[3],
    pattern: ndranCollection[4],
};