如何使用 Javascript 制作密码提示，它将显示带有正确密码的图片或文本？答案

【问题标题】：How do I make a Password Prompt which will show a picture or text with the correct password, with Javascript?如何使用 Javascript 制作密码提示，它将显示带有正确密码的图片或文本？
【发布时间】：2021-03-31 07:07:00
【问题描述】：

如果输入正确的密码，我希望显示图像或文本。我将如何制作一个“GUI”或命令行，上面写着：“输入密码”。如果你做对了，你可以看到隐藏的图像/文字？

【问题讨论】：

您的问题大量太宽泛了。要回答这个问题，我们需要解释如何接受用户输入、如何根据存储的密码检查输入（以及如何首先存储密码）以及如何显示图像。然后所有这些都乘以“GUI 或命令行”，因为这是 UI 的两大类，并且上述许多问题的答案会根据您所询问的具体实现而有所不同.
对不起。我没有意识到这太宽泛了。
用户应该自己创建密码吗？或者你想自己存储一个密码，然后告诉用户输入它？

标签： javascript passwords

【解决方案1】：

这是一个小sn-p，它在JS中显示密码提示。

let randomPassword = "secretpassword";

let counter = 0;
let wasGuessed = false;
// give you three trys
while(!wasGuessed && counter < 3){
  let pw = prompt("Type in a Password");
  if(pw === randomPassword){
      console.log("Here is the picture");  
      wasGuessed = true;
  }else{
    alert(`This was your ${counter+1} try`);
  }
  counter ++;
}

【讨论】：