JSFiddle - React, Tailwind, and code Playground

HTML

<div data-prev="lorem ipsum" class="section-hero-heading-item"></div>
<div class="button">
  <button class="big-btn btn">ТЫК!</button>
</div>

JavaScript

const header = document.querySelector('.section-hero-heading-item');
header.textContent = 'Контрразведка Франции предотвратила попытку госпереворота';


const bg = document.querySelector('.big-btn');

//1. Вариант
bg.addEventListener('click',() => {
    header.textContent = (header.textContent === 'lorem ipsum') ? 'Контрразведка Франции предотвратила попытку госпереворота' : 'lorem ipsum';    
});


//2. Вариант
/* bg.addEventListener('click',() => {
  const prev = header.dataset.prev;
  const cur = header.textContent;
  header.dataset.prev = cur;
  header.textContent = prev;
}); */