шифрование пароля страницы блога в javascript

Question

как я могу зашифровать эту защиту паролем для страницы блоггера? или, может быть, добавьте функцию ... так что это не будет так очевидно в коде.

и есть ли в любом случае, что я мог бы добавить к ней какой-то css дизайн? или сделайте его всплывающим в центре экрана.

<!-- paste this password form in your blogger post/page -->
<script language="JavaScript">
var password = ' '
password=prompt('This is password protected page, please enter password to continue.','');
if (password != 'password') {
location.href='https://errorpage.blogspot.com/404';
}
</script>
<!-- end password -->

ps: я новичок с JavaScript, все еще учусь ...

Изображение: https://i.imgur.com/oe2WiYc.png

так выглядит форма, но любой может просто получить доступ к коду (Ctrl + U) и увидеть пароль ...

Answer 1

Вы можете скрыть всю страницу через css, а затем использовать js, чтобы показать ее. Введите ниже код перед / голову и увидите волхвов c

<div style='position:fixed;overflow:none;height:100%;bottom:0;width:100%;top:0;display:table;text-align:center;background:hsla(0, 0%, 0%, 0.72)' id='passward-protected'>
<div style='display:table-cell;vertical-align:middle'>
This Page is password protected
<button onclick='enterpass()'>Enter Password</button>
</div>
</div>


<!-- paste this password form in your blogger post/page -->
<script language="JavaScript">
function enterpass(){
var password = ' '
password=prompt('This is password protected page, please enter password to continue.','');
if (password == 'password') {
document.getElementById('passward-protected').style.display='none';
}else{
alert('Wrong Password')
}
}
</script>