如何为 JavaScript 函数创建文本字段？

Question

我想我已经写好了脚本。我只是无法在 HMTL 中创建一个文本字段来输入丢失的数据。它应该在提交点击时从文本字段接收关键字并导航到 URL.

我已经尝试了多种形式的方式和一切。应该已经安装 VB.net，这将在 5 分钟内完成。

function urlMaker(keyword) {
  var base = "https://www.example.com/list.php?q=";
  var ending = "&dhd=1&hdd=low&dtt=list";
  var url;
  url = base + keyword + ending;
  window.location.assign(url);
}

简而言之： 我需要知道如何创建带有文本字段和提交按钮的 HTML 页面。当我提交时，它从字段中获取文本和 运行 函数，并使用文本字段中的关键字提供给它。当函数具有 运行 时，它会重定向浏览器。

Answer 1

我猜你有这样的表格。

只需附加一个 submit 事件侦听器即可：

document.querySelector("#search").addEventListener("submit", urlMaker)

function urlMaker(event) {
  let keyword = document.querySelector("#keyword").value;
  let base = "https://www.example.com/list.php?q=";
  let ending = "&dhd=1&hdd=low&dtt=list";
  let url;
  event.preventDefault();
  url = base + keyword + ending;
  window.location.href = url;
}

<form id="search">
  <input type="text" id="keyword" />
  <button type="submit">Search</button>
</form>