@IlyaGoOne

Почему в VS code JS файл не подключается к HTML файлу?

В HTML я пишу
<body>
    <head>
        <title>Ветрогенераторы</title>
        <script src="go.js"></script>
    </head>
    <div class="hero">
      <div class="hero-inner">
          <link rel="stylesheet" href="go.css">
          <div class="hero-title">
            <h1 class="text-light title font-2">time machine</h1>
            <p class="text-capitalize text-light">here starts awesomeness</p>
          </div>
          <a href="#" class="sd">Scroll Down</a>
      </div>
    </div>
    <div class="content clearfix">
      <div class="container" style="padding-top: 60px">
        <div class="row">
          <div class="col-md-5">
            <h2 class="text-uppercase">rame ipsum</h2>
            <p class="font-alt">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui voluptatibus molestia!</p>
          </div>
          <div class="col-md-7">
            <p style="padding-top: 47px">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam earum eos corporis totam vel, eaque sapiente officiis sint culpa inventore blanditiis hic cupiditate illo nam assumenda reprehenderit suscipit dolorum.</p>
          </div>
        </div>
      </div>
      <div class="container" style="height: 100vh"></div>
    </div>
    </body>


а в JS файлe
$('.sd').click(function(){
  $('.hero, .content').addClass('scrolled');
});

$('.hero').mousewheel(function(e){
  if( e.deltaY < 0 ){
    $('.hero, .content').addClass('scrolled');
    return false;
  }
});
$(window).mousewheel(function(e){
  if( $('.hero.scrolled').length ){
    if( $(window).scrollTop() == 0 && e.deltaY > 0 ){
      $('.hero, .content').removeClass('scrolled');
    }
  }
});


Но JS не работает внутри html что бы я не делал, даже если пишу js внутри самого html, все равно не помогает, при этом css файл коннектится отлично, что я делаю не так? Помогите пожалуйста
  • Вопрос задан
  • 252 просмотра
Решения вопроса 1
delphinpro
@delphinpro Куратор тега JavaScript
frontend developer
<head>
    <title>Ветрогенераторы</title>
</head>
<body>
    <div class="hero">
       ...
    </div>
    <div class="content clearfix">
      ...
    </div>

    <script src="jquery.js"></script>
    <script src="go.js"></script>
</body>


И в консоль заглядывайте. Там выводятся ошибки.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы