Python не получает значений от функции Javascript , отображаемой с помощью eel в документе HTML

Question

Пытаюсь запустить интерфейс на Питоне, заполнить поля регистрации и вывести данные в консоль. Интерфейс открывается, значения ввести могу, при нажатии на кнопку значения полей обрабатывается(?)(оно обновляется, снова можно вводить значения, ничего не происходит). Не выводит в консоль значение логина и пароля.

В консоли DevTools html странницы выдаёт ошибку.

Uncaught TypeError: Cannot read properties of null (reading 'addEventListener')
at main.html:18

на 18й строке

btn.addEventListener("click",sendData);

Ниже код, html находится в папке web

Pyton

import eel
eel.init("web")
@eel.expose
def rec(login, password):
    print(login, password)
eel.start("main.html", size=(500, 500))

HTML

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Поле ввода</title>
    <script src="eel.js"></script>
</head>
<body>
    <div class="box">
        <form action="#">
            <input type="text" id="login" placeholder="Login">
            <input type="password" id="password" placeholder="Password">
            <input type="submit" id="btn" value="Register">
        </form>
    </div>
    <script>
        let btn = document.querySelector("#bth");
        btn.addEventListener("click",sendData);
        async function sendData(){
            let login = document.querySelector("#login").value;
            let password = document.querySelector("#password").value;
            await eel.rec(login, password);
        }
    </script>
</body>
</html>

БЛОГ НА HUSL

Python не получает значений от функции Javascript , отображаемой с помощью eel в документе HTML

Ответы (0 шт):