Как прописать код, что бы использовался рандомный блок?

chpd,

но не получается подключить блоки к ней

Конкретнее.
Что делаете, что не получается. Пока что просто скинули функцию. Никому это никакой полезной информации не даёт и не помогает Вам дать ответ.

Как прописать код, что бы использовался рандомный блок?

https://qna.habr.com/q/1272616

Правила сервиса гласят:

4. После размещения вопроса пользователю запрещается осуществлять:
4.1. Дублирование вопроса, который уже размещался на страницах Сервиса. В том числе и в случае, если вопрос был удалён модератором, или на вопрос не был дан ответ (т.е. категорически запрещается дублирование вопроса с целью повторного привлечения к нему внимания).

Вам в первом вопросе дали ответ.

В чём дальше сложность открыть гугл и узнать как написать функцию, которая выдаёт случайное число в нужном диапазоне? Или как пользоваться ветвлением if?

Сделать логотип выходящий за пределы header?

typ6alet, Вы предлагаете из общего инфополя вытянуть остальной написанный код на Вашем проекте, скомпилировать и отрендерить результат в голове?
Делайте демку с воспроизводимым примером на codepen и прикрепляйте к вопросу.
А так же код стоит заключать в специальный тэг <code>

Как реализовать бегущую строку, при нажатий на которую меняется картинка в слайдере?

Слайдер с autoplay и обработчиком событий клика\наведения.

Нашел нужную схему мест, но она на svg. Не особо разбираюсь в нем. Как добавить функцию выбора места в схеме?

Вот тут есть все ответы: https://freelance.habr.com/

Как построить круг вокруг текста так, как это на картинке?

Не прокатит. Блок прозрачный, граница градиентная.
Тут самый простой вариант - свг на фон.

Тег < p > и < span >. Есть разница?

Разница в тэгах существует вовсе не для того, чтобы их было удобнее стилизовать или пользоваться стандартным стилем браузера. Вам ниже сказали на что нужно обратить внимание - семантика. css к разнице тэгов вообще никак не относится.
Ну и отвечая на вопрос, да. Разница колосальная.
Это как разница между словом в предложении и самим предложением.

Как стилизовать тег в css?

MaxKoch, Обращайтесь

Как стилизовать тег в css?

MaxKoch, ну, так как Вы, как Вы сказали, только учитесь - то ок. Но вообще так не делается.
Для таких целей используется, например, flexbox layout

display:flex и flex-direction: column для родителя и все дети встанут друг под другом в колонку.

Как стилизовать тег в css?

MaxKoch, или вместо br+span использовать тэг p, если с новой строки новый абзац по смыслу.

Как стилизовать тег в css?

обернуть в тэг span, задать этому span атрибут class и стилизовать через class.
<span class="test">text</span>

.test {
  color: red
}

Как решить Uncaught TypeError: Cannot read properties of undefined (reading 'classList')?

RINCODE, к слову там класс f добавился на второй элемент, на Вашем скрине. Или это уже тоже через консоль было сделано?

Как решить Uncaught TypeError: Cannot read properties of undefined (reading 'classList')?

RINCODE, Лучше всего Вам научиться отладке кода - https://learn.javascript.ru/debugging-chrome
1) Разбить команду

(document.getElementsByClassName('nav-p-menu')[1]).classList.add('f');

на несколько
2) Поставить точку остановки после getElementsBy*
3) Посмотреть сколько элементов нашлось.

Как решить Uncaught TypeError: Cannot read properties of undefined (reading 'classList')?

RINCODE, Классно. И чего? зачем мне скрин из консоли? В консоле Вы вводите команду когда уже всё загрузилось и тд и тп. Я же сказал,

на момент вызова этого кода

Как решить Uncaught TypeError: Cannot read properties of undefined (reading 'classList')?

С тем что на момент вызова этого кода в разметке нет двух элементов с таким классом. Максимум один, который был бы доступен по индексу 0, а то и вовсе ни одного.

Чёрным по белому же написано - не могу прочитать classList у undefined. Значит предыдущая операция вернула undefined. Какая предыдущая операция? Поиск коллекции элементов и обращение по индексу ко второму элементу. А что происходит когда обращаешься к не существующим полям в объекте или массиве? Возвращается undefined.

Значит в массиве 1 или 0 элементов. И обращаясь по индексу [1] ко второму элементу - получаем undefined.
Значит в разметке ещё нет таких элементов в нужном количестве.

Почему не работает сниппет внутри html аттрибута?

Сергей Бурдужа, не за что;-)

Почему не работает сниппет внутри html аттрибута?

Сергей Бурдужа, Вот что у меня в снипете html.json:

А вот в .php файле:

Ну разве что ctrl+пробел пришлось нажать чтоб подсказку снипета вызвать.

Почему не работает сниппет внутри html аттрибута?

Сергей Бурдужа, Так а зачем global snippet то. Это глобальные снипеты которые для всех файлов будут работать.
1) Шестирёнка в углу снизу
2) User snippets
3) Открывается сверху попап, в нём есть поле ввода, сразу туда вводите html и нажимаете enter.
4) Открывается файл для описания снипетов для html файлов
5) Описываете снипет
6) Сохраняете
7) Профит, Вы великолепны

Почему не работает сниппет внутри html аттрибута?

Это ответ на Ваш вопрос.
Чтобы снипет заработал в атрибуте HTML, который не заключён в php тэг, нужно чтобы снипет был определён для html файла, то есть в html.json.

Почему не работает сниппет внутри html аттрибута?

Сергей Бурдужа, Какой вопрос...?