如何为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>