Почему выдаёт ошибку Uncaught ReferenceError: clicked is not defined at HTMLButtonElement.onclick?

Пытаюсь скрыть определённый блок и добавить классы к другому блоку, но почему-то выдаёт ошибку. Уже кучу способов перепробовал, но всегда одно и то же. Вот код html:

<div class="header_offer_wrapper">
  <a href="#" class="header_offer">
    <p>Подарочные сертификаты <span></span></p>
  </a>
  <button class="header_offer_close_wrapper" onclick="clicked()">
    <span class="header_offer_close">+</span>
  </button>
</div>

код javascript

if(localStorage.getItem("vivsible") === "false") {
  const rec = document.querySelector(".header_offer_wrapper")
  rec.style.display = "none"
  const blocks = document.querySelectorAll(".header")
  for (let i = 0; i < blocks.length; i++ ) {
    blocks[i].classList.add("someclass")
  }
}

const clicked = () => {
  const rec = document.querySelector(".header_offer_wrapper")
  rec.style.display = "none"
  const blocks = document.querySelectorAll(".header")
  for (let i = 0; i < blocks.length; i++ ){
    blocks[i].classList.add("someclass")
  }

  localStorage.setItem("vivsible", "false")
}