Елена, выглядит так будто бы Вы иконочный шрифт переизобрести пытаетесь. И в таком случае можно воспользоваться генератором иконочных шрифтов, если Вам именно ваши иконки нужны.
Например https://fontello.com/
Тогда Вы получите следующее: шрифт только из ваших иконок, иконка определяется через css классы, а цвет иконки через свойство color.
Недостатки у иконочного шрифта конечно же имеются. Например всё то же - что грузится сразу все "иконки".
Григорий, в обычном firefox или в том что я дал ссылку? Он разный. Тот, в котором можно прям менять исходоные файлы, на который я дал ссылку - специальная сборка для разработчиков.
Василий Банников, Почему? Ну.. от каких-то простых функций может и можно отказаться. Но на удалённый сервер же не дашь разрешения хрому чтоб он там файлы менял. Поэтому после перезахода локальные изменения сбросятся скорее всего.
Я точно не знаю, я ни мартышкой ни этой приблудой из хрома не пользовался ни разу)
Есть набросок, который в целом делает то что Вам нужно, но там немного JS`а для автоматизации. Чтобы не писать руками разные css классы для модификатора цвета свг. Ну и позволяет менять цвет на основе данных из разметки, а не только на тот, какой был заготовлен в css классах.
Вы в очередной раз приходите с практически тем же вопросом.
К сожалению на просторах ни чего подомного не нашел для решения.
потому что чтобы искать эффективно, нужно не только искать решение в лоб, чтоб прям 1 в 1, а и разбивать решение на составляющие его подзадачи и гуглить их.
Далее по вопросу - функцию на получение случайного числа Вы уже имеете..
С чем дальше возникла сложность? Найти все элементы на странице? Не нашли в интернете как искать элементы на странице? Не верю.
Следующий шаг - на полученном массиве элементов выбрать случайный и затригерить на нём клик. Тут в чём сложность возникла? Как обратиться к элементу массива по индексу? Не верю. Одна статья про массивы, если Вы с ними ещё не знакомы и понимание в кармане.
Следующий шаг - программно вызвать клик на элементе. Так же гуглится на русском в яндексе. Только что проверил.
Итого:
1) Найти все элементы с нужным классом
2) Сгенерировать случайное число от 0 до длины массива минус 1.
3) Использовать это случайное число как индекс для массива
4) Взять по индексу элемент из массива
5) Вызвать на нём клик.
А так, должен быть контейнер, с одинаковым классом, например, .container, который используется и в шапке и в блоке с кнопкой.
У него должна быть ограничена макс ширина и задано выравнивание по центру через margin 0 auto, например.
Ну и собственно всё. Первые блоки в каждом контейнере будут вертикально по одной линии.
chpd, Так ну уже лучше.
что такое .getAttribute? Вы спрятали часть кода? Или так и написано?
Зачем else if если это бинарный вариант. Либо одно, либо другое. То есть if < 50 одной, else другое. Без второго If. Со вторым if у Вас получается ситуация, что если randomNumber === 50, То ничего не выполнится.
Главное чтобы Вы что-то делали и пришли с конкретной проблемой и показали: "Вот, смотрите, я сделал вот так и вот так, но у меня не получилось" или "но у меня такая вот ошибка и я не знаю\не понимаю как исправить".
Сейчас Вы продолжаете говорить что не получается, но не показываете что именно не получается. Тут только гадалка сможет помочь.
Так что хороший вопрос состоит из:
1. Ожидаемый результат (вводная часть и что должно получиться)
2. Что было сделано для достижения - примеры кода, ссылка на codepen где воспроизводится проблема.
3. Описание текущего результата и в чём собственно проблема.
Пока что у Вас есть только половина первого пункта. Ибо что должно получится не очень понятно.
Никак.Только "костылями"https://stackoverflow.com/questions/27746218/css-c...
Иначе на js.