单击时按钮不执行功能

流出量

我有一个按钮,当我单击它时希望它执行一个功能,但是由于某种原因,它根本不起作用。我认为将按钮链接到js文件的方式可能有问题。这是我的HTML:

<!DOCTYPE html>
<html lang = "en-us"></html>
   <head>
      <script src = "spotifybot.js" charset = "utf-8"></script>
      <title>Spotify Login</title>
   </head>
   <body>
      <button id = "login" style = "width: 100px;height: 100px">Login To Spotify</button>
   </body>
</html>

这是我的js文件:

const loginButton = document.getElementById("login").addEventListener('click', loginToSpotify());
const request = require("request");

function loginToSpotify()
{
   console.log("Here");
}

如果您认为可能是问题所在,则两个文件都位于同一文件夹中。

编辑:检查浏览器控制台后(我以为我可以检查我的Visual Studio控制台,但显然不能),我发现错误与“ require”关键字有关

DCR

未定义require,并且您不想在设置侦听器时执行功能。

const loginButton = document.getElementById("login").addEventListener('click', loginToSpotify);
//const request = require("request");

function loginToSpotify()
{
   console.log("Here");
}
   <head>
      <script src = "spotifybot.js" charset = "utf-8"></script>
      <title>Spotify Login</title>
   </head>
   <body>
      <button id = "login" style = "width: 100px;height: 100px">Login To Spotify</button>
   </body>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在数组中单击按钮时执行功能?

来自分类Dev

单击不同按钮时如何分离功能执行

来自分类Dev

嵌套片段中的按钮在单击时不执行任何操作

来自分类Dev

C#Xamarin表单代码在加载时不执行,但在单击按钮时执行

来自分类Dev

在输入字段搜索vue.js上单击按钮(X)时如何执行功能

来自分类Dev

单击没有更改输出的按钮时,在后台执行功能(发光)

来自分类Dev

每次单击devtool页面上的按钮时,如何只执行一次内容脚本功能?

来自分类Dev

D3.js - 单击按钮时如何执行两个功能?

来自分类Dev

按钮命令不执行该功能

来自分类Dev

单击按钮时,System.Environment.Exit不执行任何操作

来自分类Dev

Angular 2 ngIf执行功能或单击时

来自分类Dev

Angular 2 ngIf执行功能或单击时

来自分类Dev

单击按钮时如何运行此功能?

来自分类Dev

功能结束时单击按钮

来自分类Dev

jQuery要在单击按钮时重写功能

来自分类Dev

单击按钮时功能不运行

来自分类Dev

单击时更改按钮文本和功能?

来自分类Dev

单击按钮时执行键序列

来自分类Dev

单击按钮时执行脚本标签

来自分类Dev

为什么我的按钮在单击它时不会执行该功能。它应该切换文本

来自分类Dev

如何通过鼠标移动来执行单击按钮的功能?

来自分类Dev

QPushButton在单击时未执行连接功能

来自分类Dev

在python中单击Toast通知时如何执行功能?

来自分类Dev

jQuery:单击div以外的任何位置时的执行功能

来自分类Dev

每次加载文档时都会执行单击功能

来自分类Dev

单击对象内部区域时如何执行功能?

来自分类Dev

单击按钮时如何在vala中异步运行功能

来自分类Dev

每次单击特定按钮时,button []的功能不同

来自分类Dev

选择收音机并单击按钮时,如何运行功能?

Related 相关文章

  1. 1

    如何在数组中单击按钮时执行功能?

  2. 2

    单击不同按钮时如何分离功能执行

  3. 3

    嵌套片段中的按钮在单击时不执行任何操作

  4. 4

    C#Xamarin表单代码在加载时不执行,但在单击按钮时执行

  5. 5

    在输入字段搜索vue.js上单击按钮(X)时如何执行功能

  6. 6

    单击没有更改输出的按钮时,在后台执行功能(发光)

  7. 7

    每次单击devtool页面上的按钮时,如何只执行一次内容脚本功能?

  8. 8

    D3.js - 单击按钮时如何执行两个功能?

  9. 9

    按钮命令不执行该功能

  10. 10

    单击按钮时,System.Environment.Exit不执行任何操作

  11. 11

    Angular 2 ngIf执行功能或单击时

  12. 12

    Angular 2 ngIf执行功能或单击时

  13. 13

    单击按钮时如何运行此功能?

  14. 14

    功能结束时单击按钮

  15. 15

    jQuery要在单击按钮时重写功能

  16. 16

    单击按钮时功能不运行

  17. 17

    单击时更改按钮文本和功能?

  18. 18

    单击按钮时执行键序列

  19. 19

    单击按钮时执行脚本标签

  20. 20

    为什么我的按钮在单击它时不会执行该功能。它应该切换文本

  21. 21

    如何通过鼠标移动来执行单击按钮的功能?

  22. 22

    QPushButton在单击时未执行连接功能

  23. 23

    在python中单击Toast通知时如何执行功能?

  24. 24

    jQuery:单击div以外的任何位置时的执行功能

  25. 25

    每次加载文档时都会执行单击功能

  26. 26

    单击对象内部区域时如何执行功能?

  27. 27

    单击按钮时如何在vala中异步运行功能

  28. 28

    每次单击特定按钮时,button []的功能不同

  29. 29

    选择收音机并单击按钮时,如何运行功能?

热门标签

归档