Поскольку неясно, как вы используете JavaScript, определить реальные проблемы сложно.
Однако давайте предположим, что вы используете JavaScript внутри одного и того же файла HTML, тогда написанный вами код работает нормально, вы можете проверить ниже фрагмент кода.
<!DOCTYPE html>
<html>
<head>
<title>Experiments</title>
<script src = "prac.js"></script>
</head>
<body>
<h1>Hey there!</h1>
<script>
var hi = document.querySelector("h1");
hi.style.color = "red";
</script>
</body>
</html>
Поскольку в основном мы манипулируем DOM с помощью JavaScript, хорошей практикой является загрузка JavaScript из другого файла (или если вы используете Javascript на той же странице) внизу вашего HTML содержимого, непосредственно перед тегом </body>, так как до этого большая часть HTML содержимого загружалась бы для использования DOM.
Если ваш код JavaScript находится внутри par c. js файла, то вам нужно добавить этот файл чуть выше тега </body>, как показано в приведенном ниже коде .
Ваш HTML код
<!DOCTYPE html>
<html>
<head>
<title>Experiments</title>
</head>
<body>
<h1>Hey there!</h1>
<script src = "prac.js"></script>
</body>
</html>
Ваш JavaScript код
var hi = document.querySelector("h1");
hi.style.color = "red";