从特定 IP 地址登录时如何使按钮显示?

问题描述

所以我正在开发这个名为 NetEdit 的极其基本和简约的社交媒体平台。我目前在那里设置了一个按钮来清除所有帖子,但它已发表评论,因此我可以取消评论并在我想重置网站时使用它。问题是,我想让它只在我通过 IP 地址登录显示,以使过程更加流畅。我对 JavaScript 或 CSS 几乎没有经验,所以我很困惑。有人可以帮忙吗?

代码链接https://glitch.com/edit/#!/netedit

解决方法

IP 地址不会经常更改,但有时会更改。 我建议您使用不同类型的身份验证,例如密码(密码、号码等)

  1. 如果您决定使用身份验证,您可以创建一个私人登录页面,您可以在其中输入密码。

  2. 以上两种方式都说了,你需要#if-condition来检查它是否是你并使那个按钮可见。

const ProvidedIP = "48.168.70.20";
const AdminIP = "50.162.68.2";
let showButton = false;

if(Provided === AdminIP){
   showButton = true;
}

// get the button
document.querySelector("#buttonID").style.display = showButton ? "initial" : "non#"