Javascript 如何在不同的位置使用密码生成器创建的相同字符串？

所以我被困在这里，需要使用

generatePass（）

函数生成的值。我需要在

newPass

中获得与

witclick（）

函数中使用的相同变量相同的

witPass

值。但是我得到了不同的值，因为再次调用generatePass函数生成了不同的随机值。 我希望我能清楚地解释我的问题，因为这是我的第一个问题

```loginFunctions.js```
var passwordHolder = document.querySelector('#passwordholder);
var password;
var witPass;
witPass=password=generatePass();

//newPass is invoked when generatePassword button is clicked
function newPass() {
  passwordHolder.textContent = password;
  console.log(password);
  console.log(witPass);
  return witPass;
}

//function to generate random password
function generatePass() {
  var length = 8,
    charset = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789",
    retVal = "";
  for (var i = 0, n = charset.length; i < length; ++i) {
    retVal += charset.charAt(Math.floor(Math.random() * n));
  }
  //witPass1=retVal;
  return retVal;
}
//witness login button click event
function witclick() {
  console.log('witclick invoked');
  witnessEmail = document.getElementById('witnessEmail').value;
  witnessPassword = document.getElementById('witnessPassword').value;
  console.log(witnessPassword);
  console.log(witPass);
}

---

请张贴完整的工作代码。这是不完整的。你也需要html文件吗？是的，

html

和完整的js代码，你已经针对这个问题使用了。我已经上传了html和js代码…请发布完整的工作代码。这是不完整的。您也需要html文件吗？是的，您针对这个问题使用的

html

和完整的js代码我已经上传了html和js代码。。。

  <!--send mail to witness by admin -->
  <div id="sendMail" class="container mt-4">
    <div class="row">
      <div class="col m-3">
        <form class="border border-dark rounded bg-dark  text-light">
          <div class="form-group px-2">
            <label for="email">Email address</label>
            <input id="mailid" type="email" id="email" class="form-control" placeholder="Enter email">
            <small class="form-text text-muted ">Enter a Valid Email Address</small>
          </div>
          <strong><p id="passwordHolder">Password</p></strong>
          <button id="sendCred" class="btn btn-danger p-2 m-2" type="button">send cred</button>
          <button id="generatePassword" onclick="newPass()" class="btn btn-danger p-2 m-2" type="button">Generate Password</button>
          <button id="backToButtons" class="btn btn-danger p-2 m-2" type="button">Back</button>
        </form>
      </div>
    </div>
  </div>

<!--     witness login form-->
      <div id="witnessForm" class="col-md-6 m-2 ">
        <form action="" class="border border-dark rounded bg-dark  text-light">
          <!-- <div class="form-group px-2">
            <label for="name">Name</label>
            <input type="text" id="name" class="form-control" placeholder="Enter name">
          </div> -->
          <div class="form-group px-2">
            <label for="email">Email address</label>
            <input type="email" id="witnessEmail" class="form-control" placeholder="Enter email">
            <small class="form-text text-muted ">Enter a Valid Email Address</small>
          </div>
          <div class="form-group px-2">
            <label for="password">Password</label>
            <input type="password" id="witnessPassword" class="form-control" placeholder="Password">
          </div>
          <button id="witnessFormLogin" onclick="witclick()" class="btn btn-danger p-2 m-2" type="button">Login</button>
        </form>
      </div>