-4

мне надо сделать так, чтобы когда ширина экрана меньше 500, то удалялся ul и добавлялась картинка. Нашёл способ window.innerWidth, но у меня картинка появляется сразу. Ul я удалил через display:none;

5
  • 1
    Пожалуйста, уточните вашу конкретную проблему или приведите более подробную информацию о том, что именно вам нужно. В текущем виде сложно понять, что именно вы спрашиваете. 20 ноя в 18:39
  • let o = document.getElementsByTagName("header")[0]; if( window.innerWidth <= 600){ let imageElement = document.createElement("img"); imageElement.src = "../img/menu (42) 1.png"; imageElement.style.display = "block" imageElement.classList.add("menu") o.appendChild(imageElement); } else{ } 20 ноя в 18:43
  • <header> <ul> <li><a href="">Каталог продукції</a></li> <li><a href="">Оплата і доставка</a></li> <li><a href="">Партнери</a></li> <li><a href="">Контакти</a></li> </ul> <div class="exit"> <img src="../img/log-out (1) 1.png" alt=""> <div class="inner-exit-1"> <a href="">Вхід | Реестрація</a> </div> </div> 20 ноя в 18:43
  • главная проблема что не срабатывает условие ( window.innerWidth <= 600) 20 ноя в 18:44
  • Дополните вопрос кодом нажав на кнопку править под вопросом.
    – Simon
    20 ноя в 19:11

0

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Посмотрите другие вопросы с метками или задайте свой вопрос.