Вадим

function one() {
  const oneVar = 'Hello!'
  let counter = 0;
  console.log('функция one работает прямо сейчас, в счетчике', counter)

  function two() {
    console.log(oneVar, ++counter)
  }
  
  console.log('функция one почти завершилась, в счетчике все еще ', counter);
  return two
}

const three = one();
console.log('функция one точно завершилась, даже return сработал');
console.log('в переменной three сейчас функция two()');
console.log(three);


three();
three();
three();
console.log('обожемой, мы видим как менялась переменная в уже завершенной функции. чераная магия? нет - это называется замыкание!');

"функция one работает прямо сейчас, в счетчике", 0
"функция one почти завершилась, в счетчике все еще ", 0
"функция one точно завершилась, даже return сработал"
"в переменной three сейчас функция two()"
function two() {
  console.log(oneVar, ++counter)
}
"Hello!", 1
"Hello!", 2
"Hello!", 3
"обожемой, мы видим как менялась переменная в уже завершенной функции. чераная магия? нет - это называется замыкание!"

<header class="header">
    <div class="header__btn">
        <button class="btn">Предложить новость</button>
    </div>
    <div class="header__search search">
        <a class="search__number" href="tel:+73513651711">8 (3513) 65-17-11</a>
        <img class="search__img" src="img/search.svg" alt="">
    </div>
</header>

<div class="nav">
    <ul class="nav__menu menu">
        <li class="menu__item"><a href="">Новости</a></li>
        <li class="menu__item"><a href="">Телепроекты</a></li>
        <li class="menu__item"><a href="">Реклама</a></li>
        <li class="menu__item">
            <select name="">
                <option value="">Онлайн</option>
                <option value="1">new</option>
                <option value="2">new</option>
            </select>
        </li>
        <li class="menu__item"><a href="">Программа передач</a></li>
        <li class="menu__item">
            <select name="">
                <option value="">Ещё</option>
                <option value="1">new</option>
                <option value="2">new</option>
            </select>
        </li>
    </ul>

    <div class="nav__contacts contacts"
        <p class="contacts__title">Подписывайтесь на нас:</p>
        <ul class="contacts__list">
            <li class="contacts__item"><img src="img/Facebook - Negative.png" alt=""></li>
            <li class="contacts__item"><img src="img/вк.png" alt=""></li>
            <li class="contacts__item"><img src="img/однокласники.png" alt=""></li>
            <li class="contacts__item"><img src="img/inst.svg" alt=""></li>
            <li class="contacts__item"><img src="img/YouTube - Negative.png" alt=""></li>
        </ul>
    </div>
</div>

async function foo () {
  // Code before await
  const data = await something;
  // Code after await
}

function foo () {
  // Code before await
  something.then((data) => {
    // Code after await
  });
}