Помогите решить такую проблему. Вообщем при клике на кнопу "ВЫБРАТЬ" я меняю цвет бордера у контейнера, добавляя класс selected. Потом проверяю, если этот класс присутствует меняю текст в p.text на новый. Как мне сделать, чтобы при втором нажатии на кнопу "ВЫБРАТЬ" (обратной смене цвета бордера), поменять текст на тот который был(на старый текст)??? в условии вместо return. Просто записывать старый текст не нужно.
let textEl = document.querySelector(".text");
let btnEl = document.querySelector(".btn");
let containerEl = document.querySelector(".container");
function changeBorder() {
let selectEl = containerEl.classList.toggle("selected");
if(containerEl.classList.contains("selected") ){
textEl.innerHTML = "ВОТ НОВЫЙ ТЕКСТ";
} else {
return; // ЧТО НУЖНО ВМЕСТО RETURN?
}
};
btnEl.addEventListener("click", changeBorder)
.container {
border: 5px solid blue;
}
.text {
background: pink;
margin: 0;
padding: 50px;
text-align: center;
}
.btn {
background: green;
padding: 20px;
text-align: center;
cursor: pointer;
}
.selected {
border: 5px solid red;
}
<div class="container">
<p class="text">ЭТО СТАРЫЙ ТЕКСТ</p>
<div class="btn">ВЫБРАТЬ</div>
</div>