Bookmarklet: Making Keyboard-shortcuts for an arbitrary website

bookmarklet.js

    javascript:

    const targets = document.getElementsByClassName('css-8ushbk');

    const keyBinds = [
        {
            key: 'ArrowRight',
            defaultFunction: () => { targets[2].click() },
            commandFunction: () => {},
            optionFunction: () => {},
            shiftFunction: () => {}
        },
        {
            key: 'ArrowLeft',
            defaultFunction: () => { targets[1].click() },
            commandFunction: () => {},
            optionFunction: () => {},
            shiftFunction: () => {}
        },
        {
            key: 'ArrowUp',
            defaultFunction: () => { targets[0].click() },
            commandFunction: () => {},
            optionFunction: () => {},
            shiftFunction: () => {}
        },
        {
            key: 'ArrowDown',
            defaultFunction: () => { },
            commandFunction: () => {},
            optionFunction: () => {},
            shiftFunction: () => {}
        },
    ];
    document.addEventListener('keydown', (event) => {
        console.log(event.key);
        const keyData = keyBinds.filter( (keyBind) => { return keyBind.key === event.key })[0];
        if (keyData == null) {
            return
        }
        if (event.altKey) {
            keyData.optionFunction()
        }
        else if (event.shiftKey) {
            keyData.shiftFunction()
        }
        else if (event.metaKey) {
            keyData.commandFunction()
        }
        else {
            keyData.defaultFunction()
        }
    }, false);