Электрон JS: Как изменить HTML контент, который постоянно меняется

Question

Я создаю настольное приложение для игры (www.haxball.com), и случается, что HTML просмотры меняются, когда вы выбираете свой псевдоним, вы ищете комнаты, вы входите в комнату, чтобы играть, и т.д. c , Когда вы играете, в игре есть чат, и я хочу добавить кнопку, чтобы показать / скрыть этот чат, используя HTML 'hidden' (я использую это, чтобы скрыть заголовок, и это сработало), но проблема в том, что HTML раздел для чата (нижний раздел) отображается как «неопределенный».

HTML раздел, который я хочу скрыть

        win.loadURL('http://haxball.com/');
win.webContents.on('did-finish-load', () => {
    let code = `

                function createHideChatButton(){
                    var button, header;
                    header=document.getElementsByClassName('header')[0];  
                    button = document.createElement('input');
                    button.id = "hideChat";
                    button.type = "button";
                    button.value = "Hide Chat";      
                    button.style.cssText="background-color: #244967; \
                        padding: 5px 15px; \
                        border: 0; \
                        border-radius: 0 5px 5px 0; \
                        color: white; \
                        font-family: 'Open Sans', sans-serif; \
                        font-weight: 700; \
                        line-height: 100%;";
                    button.addEventListener('click', hideAndShowChat);       
                    header.appendChild(button);
                }


                function hideAndShowChat(){
                    var iframe = window.document.getElementsByClassName("gameframe")[0];
                    var bottomSec = iframe.contentWindow.document.getElementsByClassName('bottom-section')[0];
                    console.log(iframe.type);
                    console.log(bottomSec.type);



                    if (bottomSec.hidden==true) {
                        bottomSec.hidden==false;
                    } else {
                        bottomSec.hidden==true;
                    }
                }


                createHideChatButton();
            `;
    win.webContents.executeJavaScript(code);
});

iframe и bottomse c отображается как неопределенное, и в основном мой вопрос заключается в том, как это исправить или как сделать так, чтобы этот чат можно было скрыть или показать. спасибо!

Когда я нажимаю кнопку, в журнале консоли отображаются «неопределенные» и «неопределенные»