Записанный в HTML скрипт отрабатывает правильно.
При попытке включения кода во внешний файл - никакой реакции.
Все файлы лежат в одной папке.
Консоль Хрома не показывает никаких ошибок.
Редактор Brackets определяет ошибку в 4 строке файла script.js
"ERROR: Parsing error: Unexpected token)".
1) index.html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="box"></div>
<button class="button">Button</button>
<!--
<script>
var box = document.querySelector('.box');
var button = document.querySelector('.button');
var click = 0;
button.addEventListener('click', () => {
if (click !== 0) {
box.style.background = 'red';
click--;
return false;
}
box.style.background = 'blue';
click++;
});
</script>
-->
<sckipt src="script.js"></sckipt>
</body>
</html>
2) script.js:
var box = document.querySelector('.box');
var button = document.querySelector('.button');
var click = 0;
button.addEventListener('click', () => {
if (click !== 0) {
box.style.background = 'red';
click--;
return false;
}
box.style.background = 'blue';
click++;
});
3) style.css:
.box {
width: 400px;
height: 400px;
background: red;
}