Функция перемещения элемента DOM

Эта функция перемещает элемент при определенной ширине экрана. Например, можно перетащить телефон из header в меню nav. Пример указан ниже

JavaScript
function replaceElement(width, element, targetPlace){  // ширина, элемент, место
  let el = document.querySelector(element);
  let parentEl = el.parentElement; // важно!!! элемент должен быть вложен в обертку (здесь .phone-wrapper)
  let tg = document.querySelector(targetPlace);
  if(window.innerWidth < width){
    tg.append(el);
  }
  window.addEventListener('resize', function(){
        if(window.innerWidth < width){
          tg.append(el);
        }else{
          parentEl.prepend(el);
        }
  })
}

replaceElement(400, '.phone', '.nav'); // функция для примера

Связанные записи