如何使用JavaScript跟踪特定设备

Question

我正在构建一个非常小的Flask应用程序，旨在供大约12人的小型团队使用。我们希望能够轻松地从Internet上访问它，但我们只希望团队中的人能够在打开应用程序时立即输入密码来摆脱困境。但是，无需每次重新加载网页时都要求他们输入密码，因为他们第一次正确输入密码时，应用程序应该知道该特定设备正在由团队中的某人操作。现在，Flask应用程序将使用托管在服务器上的密码，然后index.html文件中的javascript反复要求输入密码，然后在正确回答后让用户进入：

<script>
        // runs as soon as the application loads

        var password = prompt("What is the Team Password?");
        var teampassword = "{{ password }}";
        while(true) {
            if(password.toLowerCase() === teampassword) {
                break;
            } else {
                password = prompt("That password was incorrect. Hint: Rohan's most hilarious typo");
            }
        }
        
        // load application and main page...
        
</script>

此脚本在每次加载网页时运行。我希望只需要询问一次密码，然后让应用程序知道“好，这个人是团队的一部分”，这样，当他们重新加载时，他们可以立即访问该应用程序而不必输入它再次。我认为要执行此操作的方式是为使用该应用程序的每个设备都有一个ID号，然后在一段时间内将该ID的值设置为True，但是我愿意采用其他方法完成这项任务！如何在HTML页面中使用JavaScript来实现？