【发布时间】：2021-07-27 10:10:48
【问题描述】：
我有几个问题...
我有一个用于搜索栏的 HTML 表单，我试图将它发送到 Giphy API，但是当我为提交按钮编写 addEventListener("click") 代码时，我无法获取用户在输入标签上输入的字符串.
HTML：
<form id="input_bar">
<input type="text" name="search_string" id="search_string">
<button type="submit" id="search_submit">Submit!</button>
</form>
JS：
const searchBar = document.getElementById("search_string");
const submitBtn = document.getElementById("search_submit");
submitBtn.addEventListener("click", function getResults(submitBtn) {
var searchResult = fetch("https://api.giphy.com/v1/gifs/search?q=" + submitBtn + "&api_key=" + apiKey)
.then(function(response) {
console.log(response);
})
});
发送的抓取网址是
{...}/search?q=[object%20M…seEvent]&api_key={...}
我错过了什么？
另外，我不知道如何将 response.json 附加到 <div id="results_grid"></div> 以返回 gif 网格。
感谢您的帮助！
【问题讨论】：
标签： javascript html