我是否正确地链接了这个HTML和JavaScript文件

这是我想在浏览器中尝试的W3Schools中的一个小练习。当我单独设置文件时，切换动画不起作用，但当我将脚本放入HTML时，它起作用。当文件分开时，我把它们连接错了吗？我还尝试将脚本放置在<head>标记之间，但也没有成功。HTML:

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet"type="text/css"href="main.css"/>
    </head>
    <body>
        <div class="container" onclick="myFunction(x)">
            <div class="bar1"></div>
            <div class="bar2"></div>
            <div class="bar3"></div>
        </div>
    <script type="text/javascript"src="script.js"></script>
</body>
</html>

JS:

function myFunction(x){
    x.classList.toggle("change")
}

谢谢！

标签

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

如果您将Javascript文件作为"script.js"保存在与HTML文件相同的文件夹中，则应该足够了。

还要注意，以下行没有x:的上下文

<div class="container" onclick="myFunction(x)">

也许你正试图做这样的事情：

<div class="container" onclick="myFunction(this)">

相关内容

最新更新

热门标签：