Есть макет сайта https://jsfiddle.net/qyux0ck4/ на котором я пытаюсь реализовать вывод рекламного блока в зависимости от того какая кнопка будет нажата во всплывающем окне при входе. Если нажата кнопка "Man" выводим блок "43", если кнопка "Woman" то блок "44".
Как все должно происходить более подробно:
- Посетитель заходит на сайт
- Если он в первые на сайте (нет записи в Local Storage), то сразу всплывает окно с предложением выбрать свой пол.
- После того как он выбирает свой пол, мы записываем его пол в Local Storage, окно сворачивается, а на сайте формируется соответствующий рекламный блок. Например: нажал кнопку "Woman" и запросился скрипт 44 блока.
- До тех пор пока в Local Storage у пользователя будет оставаться информация о его поле, всплывающее окно не будет появляться, а на странице всегда будет формироваться блок соответствующий его полу.
В чем проблема?
Тизерная система предоставляет код для вставки на сайт следующего вида:

Примечание: чтоб блоки правильно формировались важно чтоб цифры в id блока вывода тизера совпадали с последней цифрой в ссылке на внешний скрипт. На пример: id="spcad_44 и https://buildershub.club/output/index/44
Проблема в том что метод document.write создает подключение внешнего скрипта в процессе формирования DOM. А мне нужно чтоб он делал это обращение после того как человек во всплывающем окне выберет свой пол.
Задача:
Нужно чтоб при первом заходе блок формировался после того как во всплывающем окне посетитель выберет свой пол, а при последующих перезагрузках страницы блок формировался исходя из информации в Local Storage. Писать на простом JS.
Пишите свои предложения по поводу стоимости.