Почему не работает js в html
Перейти к содержимому

Почему не работает js в html

  • автор:

Курсы javascript

Здравствуйте, мне нужно скрывать часть контента по клику на кнопку.
Вроде всё просто.
Нашел урок — https://myrusakov.ru/js-show-hide-element.html
Сделал также — http://test7.moytop.by/in.html
У него работает в демо, у меня нет.
Код скопировал, ничего не менял.

В консоли пишет Uncaught TypeError: btn is null
Так а почему тогда у него работает, если код тот же?

14.02.2022, 11:14
Регистрация: 27.05.2010
Сообщений: 33,050

moytop,
нет элемента/ов на странице с которыми работает скрипт, скрипт вниз страницы, или запускать скрипт когда страница сформирована через DOMContentLoaded.

14.02.2022, 11:16
Регистрация: 27.05.2010
Сообщений: 33,050
moytop,

document.addEventListener( "DOMContentLoaded" , function() < // тут ваш код скрипта >);

Не работает javascript в html

Дмитрий Д.

Ребята, вообщем есть код, который отлично работает в Fiddle (онлайн редактор js)
Но когда вставляешь в html, то код не срабатывает.. Не могу понять почему.
Уже все испробовал и в js файл записывал и в загонял, все бестолку.
Помогите плиз. Вот код — ссылка

Евгений К.

731 сообщение

# 7 лет назад

 



Document






Просто скрипт надо вставлять после хтмл-а. Т.к. по другому сначала обрабатывается скрипт, пока нет структуры. И выводит ошибку. Соответственно, нам скрипт надо выводить после того как прогрузилась структура. В jq это решается document ready.

Не работает скрипт

Добрый день, прохожу онлайн курс js с нуля до результата. На уроке 3.1 возник вопрос, благодаря которому я не могу продвинуться также. Квадрат не перемещается вдоль обозначенной диагональной линии, хотя делаю все 1 в 1. Помогите, пожалуйста. Вот мой код:

Код Java Script:

let btn = document.querySelector(‘.btn’),
elem = document.querySelector(‘.box’);

function myAnimation() let pos = 0;

function frame () if (pos == 300) clearInterval(id);
> else pos++;
elem.style.top = pos + ‘px’;
elem.style.left = pos + ‘px’;

Почему на сайте не работает JS?

https://test-proekt.ru/
На сайте не работает почему-то скрипт слайдера + никакой JS-код не срабатывает из файла common.js (например появление всплывающего окна с кнопки в шапке).

Кто-нибудь может подсказать в чем проблема?

  • Вопрос задан более трёх лет назад
  • 17928 просмотров

2 комментария

Оценить 2 комментария

В консоль пробовали смотреть?

one_day

Mixed Content: The page at ‘https://test-proekt.ru/’ was loaded over HTTPS, but requested an insecure script ‘code.jquery.com/jquery-1.10.2.js’. This request has been blocked; the content must be served over HTTPS.

Решения вопроса 1

Krasnodar_etc

Егор Живагин @Krasnodar_etc
avito front
Консоль-то откройте

The page at 'https://test-proekt.ru/' was loaded over HTTPS, but requested an insecure script 'http://code.jquery.com/jquery-1.10.2.js'. This request has been blocked; the content must be served over HTTPS.

В подключении jQuery попробуйте http на https заменить

Ответ написан более трёх лет назад
Нравится 3 1 комментарий

KorniloFF

Павел Корнилов @KorniloFF Куратор тега JavaScript
Проще так:
«//code.jquery.com/jquery-1.10.2.js»
Ответы на вопрос 4

dima9595

Junior PHP

На мой взгляд тут 2 причины:
1. Из-за того, что вы используете https. скрипты, подключенные через протокол http не загружаются, вот и из-за этого не работает код.
2. Возможно какой-то файл для работы js кода не подключён, либо его вообще нет.
Мне больше кажется что 2-ой вариант.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *