Пишу расширение для браузера popup.js
var checkPageButton = document.getElementById('next_site');
checkPageButton.on("click", function() {
console.log('kek');
});
popup.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN"
crossorigin="anonymous">
<title>Расширение</title>
<script src="popup.js"></script>
</head>
<body>
<div class="modal-header">
<h1 class="logo">
<img class="logo-icon" src="icon.png"> Helper
<span class="version">(1.0.0)</span>
</h1>
</div>
<div class="main">
<!-- Тут будет теловсех скриптов и тп -->
</div>
<div class="footer">
<!-- Кнопка перехода на след. сайт -->
<button id="next_site">
<label>Перейти на след.сайт</label>
</button>
</div>
</body>
</html>
Ошибка заключается в том, что var CheckPageButton возвращает null Не знаю почему