Как открыть и запустить JS-файл прямо в браузере?
Делаю свой первый сайт, написал файл script.js, а как его запустить — не понимаю. Если просто открыть js файл в браузере двойным кликом, то он либо качается, либо показывает текст кода. Хотел открыть файл js и чтобы он выполнился.
Как запустить js скрипт в браузере по-человечески? Чтобы в консоли что-то вывелось.
2 ответа
JS-файл сам по себе в браузере не запускается — его надо подключить к HTML-странице. Браузер открывает .html, а тот уже подтягивает скрипт.
Создай рядом файл index.html:
<!DOCTYPE html>
<html>
<head><meta charset="utf-8"></head>
<body>
<h1>Привет</h1>
<script src="script.js"></script>
</body>
</html>
А в script.js напиши:
console.log('Скрипт работает!');
document.querySelector('h1').textContent = 'Изменено из JS';
Теперь открой именно index.html в браузере (двойной клик), нажми F12 → вкладка Console — там увидишь свой console.log. Тег <script> лучше ставить перед закрывающим </body>, чтобы к моменту запуска скрипта вся разметка уже была на странице.
Если вообще без файла хочется попробовать пару строк — просто открой консоль (F12 → Console) и пиши JS прямо там, он сразу выполняется.
Маленький лайфхак: если открываешь .js напрямую и видишь текст — это нормально, так и должно быть. Браузер не запускает голый скрипт без страницы.
Ещё совет — поставь в VS Code расширение Live Server, жмёшь «Open with Live Server» и страница сама открывается на localhost и перезагружается при сохранении. Удобнее, чем каждый раз обновлять вкладку вручную.
