Question

我有一个index.html页面，允许用户输入其wifi热点名称，密码和安全性类型的值。您可以在图像中看到表格。 https://i.stack.imgur.com/BdfnT.png

我想要的是将密码，名称和安全类型传递给如下所示的JavaScript文件app.js：

https://i.stack.imgur.com/tN1g5.png

我想传递表单值，以便在JavaScript中使用lock.set函数获取值的方式进行更新。如您所见，我尝试创建变量，但失败了。我想在JavaScript文件中用双引号更改wifi名称，密码字符串。可能吗？

Answer 1

您可以在HTML中添加一个按钮，并在点击时触发JavaScript函数。

就像在HTML中一样：

<button id="trigger-btn" onclick="createLock"></button>

或直接在您的JS中订阅click事件：

const button = document.querySelector('#trigger-btn')
button.addEventListener('click', createLock)

createLock是您的JS中定义的函数。

function createLock() {
  const lock = // ... your code
  const switchon = document.querySelector('#security').value
  // ... your code
}

希望有帮助

Answer 2

您可以使用form并在javascript中添加onSubmit方法来获取密码：

HTML：

<form id="form">
  <input id="password" name="password" type="text" />
</form>

JS：

const f = document.getElementById("form")
f.addEventListener("submit", (event) => {
  const password = document.getElementById("password")
  //set password
})

将值从html表单传递到JavaScript文件

2 个答案: