Помогите дописать функцию на JS

[scandinav]

Написал такой скрипт:

<script type="text/javascript">
(function(){
	var t = document.getElementById("t1");
	window.addEventListener("load", function(){
		var color = window.sessionStorage.getItem("tableColor");
		if(color == 'undefined'){
			t.style.backgroundColor = "aliceblue";
		}else if(color == "green"){
			t.style.backgroundColor = color;
		}
	}, false);
})()
function eight(){
	var eight = document.getElementById("t1");
	eight.style.backgroundColor = "#ccc";
	window.sessionStorage.setItem("tableColor", "#ccc");
}
</script>

Суть его в том, что при клике на изображение он меняет его фон и оставляет его измененным при перезагрузке страницы. 
Подскажите, что нужно дописать, что бы при повторном клике фон возвращался в исходное состояние?

Змінено 16 листопада 2018 користувачем scandinav

[Гість smartcoder]

del

[Alex5557]

Говнокод:

var color = window.sessionStorage.getItem("tableColor");
if(color == '#ccc'){
    t.style.backgroundColor = "нужный цвет";
    window.sessionStorage.setItem("tableColor", "нужный цвет");
}else {
    t.style.backgroundColor = '#ccc';
    window.sessionStorage.setItem("tableColor", "#ccc");
}

 

А вообще Гуглите js toggle class

 

[Einshtein]

Похоже код Вы нагуглили
код нужно переписать, имхо
Принцип такой
Клик по кнопке - добавляем класс элементу, у этого класса свой цвет. Пишем сессию или куки. 
Пишем условие на проверку куки или сессии и при перезагрузке страницы оставляем класс. 
Условие - проверяем наличие элемент на наличие класса и куки - клик по кнопке - убираем класс и очищаем куку. 

Я бы по такому принципу пошел