Здравствуйте, есть готовый код: https://codepen.io/jh3y/pen/aMJrOB
Я соединяю CSS с JavaScript в HTML, у меня то ошибку выдает, то совсем не показывает.
Помогите соединить, благодарен заранее :)
Берете html, в тег head кидаете тег link, прописываете путь до файла стилей, то есть CSS, в атрибут href, указываете атрибут rel="stylesheet". В тег head, а лучше перед закрывающим тегом body пишете тег script, атрибут src передаете путь до JS и все)
Как мне кажется, код на codepen не Ваш, а Вы хотите его подключить к себе на страницу. Обратите внимание на то, какой подозрительный там html... Какой-то css не канонический, и js черезчур лаконичный.
VitalyDmi, с кодом все то, там все как бы ок, но его нельзя перенести просто скопировав)
В html там код написанный на шаблонизаторе pug, он после написания обрабатывается через спец утилиту, которая сделает из него html, тоже самое и с CSS, там Stylus. В JS во-первых подключена сторонняя бибилиотека + видимо тоже сборка через утилиты. Итого, чтобы это взять и перенести к себе надо:
1. Поставить Node,js.
2. Разобраться с Gulp, например.
3. Настроить сборку Pug и Stylus.
4. Разобраться с Webpack, найти подключаемый модуль и собрать все это тем самым Webpack.
Вариант альтернативный: разобраться поглубже с Webpack и собрать это все с помощью одного webpack, но там еще более дремучий лес, еще extractPlugin нужны)
Dima Polos, уу, я лучше поищу другое что-нибудь похожее, если конечно найду.. то что Вы сейчас написали, это действительно для меня дремучий лес, я новичок в этом плане и понял только 30% этого :)
VitalyDmi, Описанный у Dima Polos алгоритм подойдет, если у вас весь проект на pug, stylus и т.д.
Но у codepen в каждом окошке с кодом есть "view compiled ...." Это позволит обойтись вообще без сборок.
Останется только нажать на шестеренку у js и взять оттуда ссылку на подключенный внешний скрипт.
Простой
