Открываете Исходный код.
Ищите что-то стоящее ранее, допустим заголовок, и чуть ниже по коду должен стоять, я так думаю textarea с каким то классом или айди. И собственно потом ищите этот класс и айди на странице и в js файлах.
Предположим у вас есть некий контент расположенный по ссылке - content/test.html
Этот контент у вас содержит
<svg></svg>
<script>
$(document).ready(function(){
Функция для перекраски
var _color = <?php $color ?> - где $color - так скажем цвет из базы
});
</script>
и собственно аяксом, когда вы вытяните эту страницу, она будет перекрашена. В чём косяк?)
1. Самый простой и быстрый - свг - отрисовать в Illustrator-е и экспортнуть.
2. Лично я вижу набор из треугольников, а не ромбов. И можно это собрать из абсолютно спозиционированных элементов. В этом случаем вам нужно будет копать в сторону "CSS-треугольников".
Дело в том, что у вас цикл, и если вы чекнули только первый, то когда цикл попадает во второй элемент, то он просто его стирает. Тут в логике ошибка, а не в синтаксисе, нужно чутка иначе переписать.
На самом деле далеко не все работодатели ищут Front-end разработчика, зачастую нужен просто верстальщик, и точно так же часто не знаю разницу между двумя этими людьми...
Так вот если отвечать на поставленный вопрос, то js это есть всё фронтэдерское! Если человек может лишь установить скачанный плагин из интернета, и не разбирается даже в его кастомизации, то это обычный верстак.
Создаёте изначально такой селект и прячете его. Далее на onChange делаете проверку, что если value !== "", то тогда склонировать и вставить в документ второй. И на каждое новое клонирование делать приписку к value, чтобы оно было уникальным, типа
select-1-val-1, select-1-val-2, select-2-val-1