Как вернуть стиль обратно по клику в js именно таким же способом?

Для возвращения стиля обратно по клику в JavaScript можно использовать несколько подходов, но один из наиболее распространенных - это сохранение оригинального стиля элемента в отдельном атрибуте и восстановление его при необходимости.

Для начала, в HTML-коде нам понадобится элемент, на который будем навешивать обработчик события клика. Например, создадим кнопку:

<button id="myButton" style="color: red;">Нажми меня</button>

Затем, в JavaScript-коде мы добавим обработчик события для этой кнопки, который будет менять стиль элемента при каждом клике на него:

var button = document.getElementById("myButton");

// сохраняем оригинальный стиль элемента в отдельном атрибуте
button.setAttribute("data-original-style", button.getAttribute("style"));

button.addEventListener("click", function() {
  // восстанавливаем оригинальный стиль элемента при клике
  button.setAttribute("style", button.getAttribute("data-original-style"));
});

В этом коде мы сначала сохраняем оригинальный стиль элемента в отдельном атрибуте data-original-style, используя метод setAttribute(), и получаем его значение с помощью метода getAttribute(), чтобы восстановить его при каждом клике на кнопку.

При клике на кнопку с помощью обработчика события addEventListener() мы затем вызываем функцию, которая восстанавливает оригинальный стиль элемента, присваивая его значение обратно в атрибут style с помощью метода setAttribute().

Таким образом, при каждом клике на кнопку она будет возвращать свой стиль обратно к оригинальному.