Как в функции использовать изменения к тому объекту благодаря которому она вызвалась?

Question

[Дима Клепко]

const next = document.getElementById("next");
const back = document.getElementById("back");

next.onclick = function(){
	next.style.background = 'lightgreen';
	setTimeout(ret, 500);
}

back.onclick = function(){
	back.style.background = 'red';
	setTimeout(ret, 500);
}

function ret()
{
	style.background = 'white';
}

Не хочу делать две функции, как можно сделать с одной?

Answer 1

[zkrvndm]

Используй this для получения ссылки на элемент.

Answer 2

[Stalker_RED]

Например

Comments

[betterthanyouthink]

почему просто не использовать стрелочную функцию здесь вместо обычной функции и лишней переменной?

setTimeout(() => this.classList.remove('highlighted'), 500);

[Alex]

betterthanyouthink, Потому что у стрелочных функций нет своего контекста. А в данном случае именно он и нужен

[betterthanyouthink]

Alex, так нам нужен контекст функции highlight, а не анонимной, внутри setTimeout.
Или я чего-то не понимаю?

[Stalker_RED]

betterthanyouthink, да, все верно, "глаз замылился". Обновил ответ.

[Alex]

betterthanyouthink, Да, вы правы. Моя не внимательность