如何使用javascript和html创建搜索栏

我正在尝试使用HTML和JavaScript创建一个搜索栏，但我不明白为什么我的代码不起作用

document.querySelector（#搜索表单”）.onsubmit=function（）{
//抓取用户输入的任何内容
console.log（“它工作了”）；
让searchTermPut=document.querySelector（“#搜索id”）.value.trim（）；
让结束=”https://api.themoviedb.org/3/search/movie?api_key=473716561aeaecdcec4a3a598dae6440&language=en-US&query=“+searchTermInput+”&page=1&include\u成人=false”；
阿贾克斯（完）；
}

搜索：
搜寻

提交按钮正在执行其默认功能，即提交表单。使用

preventDefault

停止提交，它将正常工作。完成所有工作后，提交表格

document.querySelector（#搜索表单”）.onsubmit=function（e）{
e、 预防默认值（）；
//抓取用户输入的任何内容
console.log（“它工作了”）；
让searchTermPut=document.querySelector（“#搜索id”）.value.trim（）；
让结束=”https://api.themoviedb.org/3/search/movie?api_key=473716561aeaecdcec4a3a598dae6440&language=en-US&query=“+searchTermInput+”&page=1&include\u成人=false”；
阿贾克斯（完）；
}

搜索：
搜寻

发生了什么您没有预料到的事情？因此我正在使用电影数据库api，当用户在搜索栏中输入与电影相关的单词时，页面将显示与他们搜索的单词相关的电影。我的问题是，当我输入和搜索某个东西时，什么都不会发生。