Изменить содержание страницы с помощью привязки

Question

Фактически создание веб-сайта и поиск фокуса нижнего колонтитула с помощью привязки, но я хочу изменить цвет фона нижнего колонтитула при нажатии на якорь (я уже знаю, что есть способ сделать это с JQuery, но я не использую JQuery, только родной яваскрипт)

<a id="footer"></a> 
<div class="footer"> 
Mail address: <a href="mailto:hidden for example">hidden for example</a> <i class="material-icons">mail_outline</i><br /> 
Skype: <a href="hidden for example">hidden for example</a> <i class="material-icons">chat_bubble_outline</i> 
<br /><br /> 
<span style="font-size: 16px;font-weight: bold;color: black;font-family: 'Raleway', sans-serif;">An original idea from hidden for example</span> 
</div> 

Answer 1

Поместите это в клике отзыве события

document.querySelector(".footer").classList.add("class-with-red-background") 

или

document.querySelector(".footer").style.backgroundColor = "red";