Javascript 为什么不是'；当我通过调用JS函数时，它是否工作；onchange"；以html格式？_Javascript_Html_Spotify

Javascript 为什么不是'；当我通过调用JS函数时，它是否工作；onchange"；以html格式？

javascript html spotify

Javascript 为什么不是'；当我通过调用JS函数时，它是否工作；onchange"；以html格式？,javascript,html,spotify,Javascript,Html,Spotify,好的，我应该先说我对JS和HTML非常陌生我试图编写一个简单的页面，将用户键入的值带入表单，并使用它通过我的findarist（）函数调用Spotify api。我已经用npm设置了项目，并且在node modules目录和所有这些内容中具有适当的依赖项。这是我的密码： <!DOCTYPE html> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>

好的，我应该先说我对JS和HTML非常陌生

我试图编写一个简单的页面，将用户键入的值带入表单，并使用它通过我的

findarist（）

函数调用Spotify api。我已经用npm设置了项目，并且在node modules目录和所有这些内容中具有适当的依赖项。
这是我的密码：

<!DOCTYPE html>

<html lang="en-US">

<head>
    <meta charset="UTF-8">
    <title>My Title</title>
</head>

<body>
    <header>
        <h1>My Header</h1>
    </header>

    <section>
        <form>
            Search for an artist! <br/>
            <input type="text" name="searchrequest" value="" onchange="findArtist()">
        </form>
     </section>

    <script>
        function findArtist () {
            var artistName = document.getElementsByName("searchrequest")[0].value;
            spotifyApi.searchArtists(artistName)
                .then(function(data) {
                     console.log(data.body);
                }, function(err) {
                    console.error(err);
                });
        }
    </script>

</body>
</html>


我的头衔
我的头球
寻找艺术家

函数findarist（）{
var artistName=document.getElementsByName（“searchrequest”）[0]。值；
spotifyApi.searchArtists（艺人名称）
.then（功能（数据）{
console.log（data.body）；
}，函数（err）{
控制台错误（err）；
});
}

当我在搜索栏中键入内容时，我希望看到调用发生在我的浏览器控制台中，由于

findarist（）。这是因为我试图在应该使用纯JS的时候使用node吗？我必须设置服务器才能拨打电话吗？我很困惑我的实际问题是什么
我想补充一点，我意识到使用onchange
调用我的函数将使我超出api的限制，因此如果能提供一个更好的函数调用方法的建议，我将不胜感激
感谢您的帮助。
onchange仅在您失去焦点或模糊文本框后检测更改。
正如答案所说，oninput
可能正是正确的方法
 可能重复使用输入事件。并避免内联事件绑定
。改用元素。addEventListener（'input'，HANDLER）
。打开浏览器的开发人员工具。查看错误控制台。您还没有定义spotifyApi
变量。@昆汀由于某种原因，我以前在浏览器控制台中没有遇到错误。但是，当我按照下面的建议将onchange
更改为oninput
时，您是对的。我确实犯了一个错误。谢谢