Что нужно дописать в функции чтоб при повторном нажатии на кнопку возвращался предыдущий текст заголовка?

Question

[Fresko1991]

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


const bg = document.querySelector('.big-btn');
bg.addEventListener('click',() => {
    header.textContent = 'lorem ipsum';    
});

<div class="button">
        <button class="big-btn btn">ТЫК!</button>
    </div>

Answer 1

[Everybody_Lies]

Если у вас только два неизменяемых варианта заголовка, то можете просто задать условие если не первое, то второе. Если у вас текст может меняться несколько раз, то предыдущее состояние нужно где то хранить. В примере я сделал через data атрибут, но вы можете хранить где вам удобно.

Comments

[Fresko1991]

Спасибо, то что нужно. Второй вариант почему то возвращает пустое место на странице вместо текста, а первый работает.

[Everybody_Lies]

Fresko1991, пустое значение, потому что вы не указали блоку section-hero-heading-item стартовое data-prev значение