Question

所以，我正在尝试使用密码保护在我的网站上显示一些文本的按钮。这是我的密码保护脚本的代码。

<SCRIPT>
  function passWord() {
    var testV = 1;
    var pass1 = prompt('Enter The Code On Your Card Here.',' ');
    while (testV < 3) {
      if (!pass1)
        history.go(-1);
      if (pass1.toLowerCase() == "abc123") {
        window.open('card1e.html');
        break;
      }
      testV+=1;
      var pass1 =
      prompt('Access Denied - Password Incorrect, Please Try Again.','Password');
    }
    if (pass1.toLowerCase()!="password" & testV ==3)
      history.go(-1);
    return " ";
  }
</SCRIPT>
<CENTER>
  <FORM>
    <input type="button" value="Have This Card? Click Here!" onClick="passWord()">
  </FORM>
</CENTER>

我正在使用的显示/隐藏脚本是：

<script>
  <a href="javascript:hideshow(document.getElementById('adiv'))">Click here</a>

  <script type="text/javascript">
  function hideshow(which){
    if (!document.getElementById)
      return
    if (which.style.display=="block")
      which.style.display="none"
    else
      which.style.display="block"
  }
</script>

<div id="adiv" style="font:24px bold; display: block">Now you see me</div>

无法弄清楚如何获取密码，以便在正确输入密码时，它会显示您可以显示/隐藏某些文字的按钮。

Answer 1

这应该有效

<!DOCTYPE html>
<html>
<head>
<SCRIPT>

    // Show Div if its hidden
    function showdiv(){

        // get the div   
        which = document.getElementById('adiv');

        // show hide
        if (!which)
            return
        else if (which.style.visibility=="hidden")
            which.style.visibility="visible";

    }

    // Test User Credentials
    function passWord(){

        var testV = 1;      
        var pass1 = prompt('Enter The Code On Your Card Here.');        // no need to give a space here
        while (testV < 3) {
            if (!pass1)
                history.go(-1);
            if (pass1.toLowerCase() == "abc123") {
                showdiv()  
                alert("Redirecting in 3 secs...")
                window.setTimeout(redirect,3000);       //wait for 3 secs then redirect to card1.html                       
                break;
            }
            testV+=1;
            var pass1 = prompt('Access Denied - Password Incorrect, Please Try Again.',"password");
        }
        if (pass1.toLowerCase()!="password" & testV ==3)
        history.go(-1);
        return " ";
    }

    function redirect(){

        window.open('card1e.html');

    }

</SCRIPT>
</head>
<body>
<div id="adiv" style="font:24px bold; visibility:hidden">Now you see me</div>
<CENTER>
<input type="button" value="Click to enter credentials toe see the text block" onClick="passWord()">  
</CENTER>
</body>

我想结合这个JavaScript代码？

1 个答案: