时间戳

首页 > 解决方案 > 即使在 html 结尾，事件侦听器也不起作用

events - 即使在 html 结尾，事件侦听器也不起作用

问题描述

就像所有其他表单所说的那样，我的脚本位于我的 html 末尾，但我仍然收到一个错误，说addEventListener是 null

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="css/styles.css" />
    <title>Rock Paper Scissors Shoot</title>
    </head>
    <body>
    <h1 id="title">Rock Paper Scissors</h1>
    <div class="button-boxes">
        <div class="one btn" id="rock btn">Rock</div>
        <div class="two btn" id="paper btn">Paper</div>
        <div class="three btn" id="scissors btn">Scissors</div>
    </div>
    <div class="text">
        <h1 id="textChange">Player wins match</h1>
    </div>
    <script src="main.js"></script>
</body>



const rock = document.getElementById(`rock`);
rock.addEventListener(`click`, function () {
console.log(`Rock is working`);
});

标签： events

解决方案

推荐阅读