Помочь с JS скриптом вывода рекламного блока по событию
Есть макет сайта 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.
Пишите свои предложения по поводу стоимости.
-
Здравствуйте! Имеется хороший опыт в веб-разработке. По логике Вам требуется чтобы подключение происходило после вызова события onclick. Сделаю качественно. Готов взяться прямо сейчас. Можем обсудить цену. Обращайтесь, буду рад сотрудничеству!
-
838 15 0 Приветствую. Можно же заменить document.write на другой метод. Пишите в лс, разберемся. мои работы - https://bokhin.com/tag/javascript/
-
2617 427 9 1 Завернуть в функцию а потом использовать, могу написать такой код
=- =- = -= -= -= -=- =- =- = -= -= -= -=- =- =- = -= -= -= -=- =- =- = -= -= -= -=- =- =- = -= -= -= -=-
-
2741 75 0 Здравствуйте. Обращайтесь, сделаю за час, скрипт будет в рабочем состоянии и успешно функционировать на сайте.
-
1423 46 0 Готова обсудить задачу. Пишите в лс. Буду рада сотрудничеству!
Актуальные фриланс-проекты в категории Javascript и Typescript
Поддержка и развитие сайта клининговой компании
919 UAH
Ищу веб-разработчика / веб-мастера для долгосрочной поддержки и развития сайта клининговой компании. Сайт: https://donely.ca О проекте DoneLy Home Services — компания по предоставлению услуг уборки в Канаде, которая активно развивается и расширяет географию работы. Ищу… Javascript и Typescript, Веб-программирование ∙ 1 день 9 часов назад ∙ 59 ставок |
Разработка сайта по ТЗ на FramerНеобходимо сделать сайт по этим параметрам, что в ТЗ https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Назовите реальный рейд на основе этого дизайна HTML и CSS верстка, Javascript и Typescript ∙ 2 дня 10 часов назад ∙ 26 ставок |
Разработка интерактивной карты Palworld для сайтаНеобходимо разработать интерактивную карту Palworld по примеру: https://palworld.gg/map Нам нужна не просто статическая картинка, а полноценная интерактивная карта, где пользователь может смотреть локации, включать / выключать категории объектов, искать нужные точки и… HTML и CSS верстка, Javascript и Typescript ∙ 4 дня 1 час назад ∙ 32 ставки |
Разработка платформы AM Mobility (автосервис, парковка, страхование, аренда автомобилей)
259 653 UAH
Ищем команду или опытного Full Stack разработчика для создания MVP платформы AM Mobility. AM Mobility — это единая цифровая экосистема для автомобилистов, объединяющая в одном приложении и веб-платформе: парковку; автосервис; шиномонтаж; автомойку; аренду автомобилей;… Javascript и Typescript, Веб-программирование ∙ 9 дней 7 часов назад ∙ 119 ставок |
Gsap анимации
1000 UAH
Добрый день. Нужно внести правки в текущем проекте. Нужен специалист, который хорошо работает на gsap/lenis Нужно сделать анимацию карточек. Подробное ТЗ здесь: https://www.figma.com/design/5bLEJudN5LPpB9ZSoJa2Eb/Untitled?m=auto&t=qwyluUctL1lrMNvh-6 Нужно… Javascript и Typescript, Веб-программирование ∙ 9 дней 13 часов назад ∙ 21 ставка |