为什么此JavaScript按钮单击无法调用函数？_Javascript_Html

为什么此JavaScript按钮单击无法调用函数？

javascript html

为什么此JavaScript按钮单击无法调用函数？,javascript,html,Javascript,Html,我是javascript的初学者。但它不起作用。请帮帮我我正在使用Microsoft VSCode 这是我的main.html。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <meta ht

我是javascript的初学者。但它不起作用。请帮帮我

我正在使用Microsoft VSCode

这是我的main.html。

<!DOCTYPE html>

<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
  <link rel="javascript" src="script.js"/>
  <link rel="stylesheet" href="https://unpkg.com/papercss@1.4.1/dist/paper.min.css"/>
  <link rel="stylesheet" href="style.css"/>

  <title>Ultimate R-S-P</title>
</head>
<body>
    <div class="login_box">
    <h1><span class="badge" id="loginbtn">main</span>
    </div>
</body>
</html>

第一选择：将脚本放在正文的底部


极限R-S-P
主要的
log（“开始！”）；
var loginBtn=document.getElementById（“loginBtn”）；
loginBtn.onclick=函数（）{
log（“onclick事件启动”）；
};

您需要更改：

<link rel="javascript" src="script.js"/>

进入：

使用此标记而不是链接标记

<script src="script.js"></script>

另外，如果您缺少h1结束标记，请修复您的html

<h1><span class="badge" id="loginbtn">main</span></h1>

main

添加脚本标记，如下所示。您使用了链接标记而不是脚本

 <script type="text/javascript" src="script.js">

实际上我很困惑

这就是javascript的位置

解决方案

<body>
    <div class="login_box">
    <h1><span class="badge" id="loginbtn">main</span>
    </div>

    **<script type="text/javascript" src="script.js"></script>**


</body>


主要的
****

我将javascript代码放在正文中。

标记定义了文档和外部资源之间的链接。
标记用于链接到外部样式表。