Не работает Js так, как задумано

Я создаю простенькую капчу с помощью Js. Сайт находится на сервере Django.Принцип таков: функция kap проверяет схожесть в скрытом поле со значением капчи и вводом user`а, возвращает либо true, либо false. В функции main() эта функция вызывается в теле if.Вот html разметка формы регистрации с капчей (скрипт подключен и работает) и js-код моих функций :

<form method="post" action="http://127.0.0.1:8000/add_user" onsubmit="return main()">
    <p>Логин
<input name="login"></p>
    <p>Пароль</p>
<input type="password" id="pswd" minlength="7" maxlength="16"></p>
    <p>И-мейл
<input name="email" placeholder="[email protected]" type="email"></p>
    <p>7-1</p>
    <p>Поле для капчи
<input id="hat" name="kaptcha" type="number"></p>
    <input type="hidden" name="kap" id="kap" value="6">
    <input type="submit" value="Send">
</form>

Я написал функцию на Js, которая подключена к документу:

//функция проверки моей "капчи"
function kap() {
    let vir = document.getElementById("hat").value();
    let num = document.getElementById("kap").value();
    if (eval(vir) == Int(num)) {
        return true;
    }
    else {
        return false;
    }
}
//функция для проверки простых паролей
function main() {
    var pswd = document.getElementById("pswd").value;
    console.log(pswd);
    if (simplePasswords.includes(pswd) && kap()) {
        alert("password is too weak or kaptcha is not valid!");
        return false;
    }
    else {
        return true;
    }
}

Однако ничего не работает. Где я ошибся и как это можно исправить?