Задать вопрос
@sunnydog
javascript

Почему не подключается внешний скрипт?

<!DOCTYPE HTML>
<html>

<head>
  <meta charset="utf-8">
  <title> Главная </title>
  <link href="../styles/model.css" rel="stylesheet">
  	<script src='../scripts/model.js'></script>
</head>

<body>
	<div class="container">
		<ul id ="scroller">
			<li class="main">
		
			</li>
			<li class="other">

			</li>
			<li class="other">
			
			</li>
			<li class="other">
			
			</li>
		</ul>
	</div>
</body>
</html>

Это соответственно сам документ.
var scroller = document.getElementById('scroller');
var main = document.getElementsByClassName('main')[0];
var other = document.getElementsByClassName('other')[0];
var container = document.getElementsByClassName('container')[0];

scroller.onclick = function () {
	var topPosition = getComputedStyle(container).marginTop;
	container.style.marginTop = parseInt(topPosition) - window.innerHeight + 'px';
}

Это скрипт, который лежит в соседней папке с pages, в которой лежит страница, к которой прикреплен файл. Хром его не добавляет в sources, но в applications он есть и выдает в консоль ошибку "Cannot set property 'onclick' of null(…)"
  • Вопрос задан
  • 166 просмотров
Комментировать
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
  • Skillfactory
    Профессия Веб-разработчик
    12 месяцев
    Далее
  • Академия Eduson
    Fullstack-разработчик на JavaScript
    11 месяцев
    Далее
Решения вопроса 1
dummyman
@dummyman
диссидент-схизматик
во-первых, уже лет 10 все используют querySelector вместо getElementById и getElementsByClassName.
во-вторых время выполнения скрипта, так, как вы его подклдючили, - до появления элемента #scroller на странице.
document.addEventListener("DOMContentLoaded", function(event) {
   
var scroller = document.querySelector('#scroller');
var main = document.querySelector('.main');
var other = document.querySelector('.other');
var container = document.querySelector('.container');

scroller.onclick = function () {
  var topPosition = getComputedStyle(container).marginTop;
  container.style.marginLeft = parseInt(topPosition) - window.innerHeight + 'px';
}

  });
Ответ написан
3 комментария
3 комментария
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Разработчик (Next.js / JavaScript / TypeScript)
App Company
от 200 000 до 300 000 ₽
Web-разработчик/WordPress программист (Full-stack)
JustBusiness • Санкт-Петербург
от 130 000 до 150 000 ₽
Верстальщик / фронтендер для браузерного расширения
DevTeam.Space
от 1 000 до 2 000 $
Ещё вакансии