Как доработать кнопку?

Question

[DPS_ninja]

Есть кнопка (пример кода ниже). Как сделать, чтобы при повторном клике возвращался текст обратно. Первый клик меняется текст, второй клик текст обратно? Спасибо
Пример:

spoiler

https://codepen.io/dps_ninja/pen/qzObOW

Answer 1

[dollar]

<button type="button" onclick='demo=document.getElementById("demo");!window.mysave?(mysave=demo.innerHTML):0;demo.innerHTML = demo.innerHTML==mysave?"Hello JavaScript!":mysave'> Click Me!</button>

https://codepen.io/anon/pen/agvdQv

Comments

[DPS_ninja]

спасибо, а могли бы объяснить код?

[dollar]

Вообще это плохая практика программирования через onclick (eval), код набросал на скорую руку за пару минут.
Но попробую расшифровать для вас, если понравилось.

Тернарный оператор работает так:
условие?действие_на_истину:действие_на_ложь
Поэтому такой код:

demo=document.getElementById("demo");
!window.mysave?(mysave=demo.innerHTML):0;
demo.innerHTML = demo.innerHTML==mysave?"Hello JavaScript!":mysave

Можно превратить в такой:

demo=document.getElementById("demo"); //запоминаем элемент
if (!window.mysave) { //если еще не сохраняли содержимое
  mysave=demo.innerHTML; //запоминаем изначальное содержимое
}
if (demo.innerHTML==mysave) { //если содержимое равно первоначальному
  demo.innerHTML = "Hello JavaScript!"; //поменять его
} else {
  demo.innerHTML = mysave; //иначе вернуть к начальному
}