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

Question

I THINK i have managed to write a script. I just can not make a textfield in HMTL to enter the missing data. It it supposed to receive the keyword from a text field on submit click and navigate to the URL.

I have tried multiple ways of forms and everything. Should have installed VB.net and this would have been done in 5 min.

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);
}

In short words: I need to know how to create a HTML page with a textfield and a submit button. When I submit it takes the text from the field and run the function and feeds it with the keyword from the textfield. When function has ran it redirects browser.

Answer 1

I'm guessing you have a form like this.

Just attach a submit event-listener to it:

 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>