密码在inspect元素中可见

Question

我制作了一个脚本，基本上只是一个表单，您必须在其中输入密码才能进入管理页面。当我仔细检查所有内容时，我注意到可以看到脚本，其中包括带有inspect元素的密码。我还在学习php、javascript、html和css，我不知道如何将密码放在一个单独的.js文件中，并将其链接回我的密码代码。

这是我写的代码。我希望有人能教我如何将密码存储在一个单独的文件中，并将其链接回

<h3>admin<h3>
<form>
<label for="pswd">Enter your password: </label>
<input type="password" id="pswd">
<input type="button" value="Submit" onclick="checkPswd();" />
</form>
<!--Function to check password the already set password is Kra5313-->
<script type="text/javascript">
function checkPswd() {
var confirmPassword = "kra5313";
var password = document.getElementById("pswd").value;
if (password == confirmPassword) {
window.location="/admin/Stored Ips.php";
}
else{
window.location="/sub pages/you_tried.php";
}
}
</script>

Answer 1

脚本标记中的所有内容都是客户端的，用户会看到它。这就是为什么有后端和数据库的原因。向用户隐藏内容。