Size: a a a

2020 November 30

RS

Roman Shevchenko in JS
Правда там только базу можешь освоить, понять синтаксис языка и основной его контекст
источник

А

Алексей in JS
Roman Shevchenko
Правда там только базу можешь освоить, понять синтаксис языка и основной его контекст
Подскажи пожалуйста, если имеется массив из обычной строковых элементов, как это вывести нас страницу, то есть в DOM элемент?
источник

RS

Roman Shevchenko in JS
document.write(имя_массива[елемент])
источник

RS

Roman Shevchenko in JS
))
источник

RS

Roman Shevchenko in JS
И так по одному вводишь что нужно
источник

RS

Roman Shevchenko in JS
Или я тебя не правильно понял?
источник

VP

Vitaly Panchenko in JS
Алексей
Теперь осталось вывести это не в консоль, а на страницу
Через innerHTML.
источник

RS

Roman Shevchenko in JS
источник

VP

Vitaly Panchenko in JS
Алексей
Подскажи пожалуйста, если имеется массив из обычной строковых элементов, как это вывести нас страницу, то есть в DOM элемент?
document.getElementById('айди нужного тебе элемента').innerHTML = array[element]
источник

RS

Roman Shevchenko in JS
Сорян, я просто ещё только собираюсь JS учить, пока что на вёрстке
источник

А

Алексей in JS
Всё нормально) Спасибо!
источник

AS

Anatoly Sharov in JS
Всем ку! Заранее: js знаю на уровне — погуглил, почитал, попробовал.
В общем, задача такая. Хочу чтобы лишь на определенной ширине (min-width: 481px) отрабатывала функция. Почитал про matchMedia, но по большей части проблема с понимаем того, как все это должно быть логически сделано. Вот Pen.

Что я не так там делаю?
источник

RS

Roman Shevchenko in JS
Посмотри у Фрилансера по жизни про медиа-запросы в CSS. Там очень всё просто и понятно
источник

RS

Roman Shevchenko in JS
Сейчас видео скину
источник

RS

Roman Shevchenko in JS
YouTube
Адаптивная вёрстка сайтов за 37 минут + макет. Тебе не нужен Bootstrap! [ENG SUBS]
Сейчас я познакомлю тебя с адаптивной версткой сайтов. Расскажу зачем она нужна и покажу на практике ряд основных подходов. Изучим медиа запросы и их конструкции. Поймем что тебе не нужен Bootstrap! Поговорим об mobile first, а так же о лучших практиках адаптива. Адаптивная вёрстка позволяет веб-страницам подстраиваться (адаптироваться) под различные размеры мониторов ПК, экранов планшетов и смартфонов.  И чтобы эффективно потреблять трафик с мобильных устройств, нужно предлагать пользователям сайты с максимально удобным, адаптивным интерфейсом. Помимо этого, адаптивные сайты имеют приоритет при поисковой выдаче. Одним словом, адаптивная верстка сегодня крайне важна, и любому мастеру нужно уметь её делать и делать хорошо!

👉 Макет + напоминалка: https://fls.guru/files/tutorials/adaptive-files.zip
👉 Правильный адаптив картинок: https://www.youtube.com/watch?v=nTtuiBXKp88
👉 Правильное адаптивное меню бургер: https://www.youtube.com/watch?v=chJQofBSx94
👉 Как сделать спойлер: https://www.youtube.com/watch?v=Cj8hWtm_40M…
источник

RS

Roman Shevchenko in JS
Там примерно с середины посмотри, ответ найдётся)
источник

AS

Anatoly Sharov in JS
Roman Shevchenko
Там примерно с середины посмотри, ответ найдётся)
Я там вообще ЖС не вижу. Я конечно могу сделать это с помощь CSS, сдвиг уберется, но класс останется висеть на селекторе. По моему это костыль
источник

VP

Vitaly Panchenko in JS
Anatoly Sharov
Всем ку! Заранее: js знаю на уровне — погуглил, почитал, попробовал.
В общем, задача такая. Хочу чтобы лишь на определенной ширине (min-width: 481px) отрабатывала функция. Почитал про matchMedia, но по большей части проблема с понимаем того, как все это должно быть логически сделано. Вот Pen.

Что я не так там делаю?
let body = document.querySelector('body');
If(body.style.width < 481){
   you_function();
}
источник

VP

Vitaly Panchenko in JS
Типа такого?
источник

AS

Anatoly Sharov in JS
Vitaly Panchenko
let body = document.querySelector('body');
If(body.style.width < 481){
   you_function();
}
Типо такого, но пытаюсь сделать через matchMedia. Ты это хоть раз использовал?
источник