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

我有一个index.html页面，允许用户输入wifi热点名称、密码和安全类型的值。 您可以在图像中看到表单。

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

我想在lock.set函数接受值的JavaScript中传递要更新的表单值。如您所见，我尝试创建变量，但失败了。 我想更改JavaScript文件中双引号中的wifi名称和密码字符串。

---

可能吗

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

就像HTML中的那样：

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

其中createLock是JS中定义的函数

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

---

希望对您有所帮助

您可以使用表单并在javascript中添加方法onSubmit来捕获密码：

HTML:

---

请发布实际的代码，而不是图像。你真的应该从基本的JavaScript教程开始，他们会教你这方面的知识。只需使用一个标记，将src属性设置为脚本的位置。确保标记位于DOM中的元素之后。还要确保您的输入具有正确的id，选择器才能工作。我知道基本JavaScript，我可以告诉他们不会教数据提取部分。非常感谢，我认为这可以解决我的问题，会让您知道。我等待您的评论

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

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

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