De12,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.active {
background-color: #FF0000;
color: #FFFFFF;
}
</style>
</head>
<body>
<ul class="price">
<li data-link="link1" class="active">1</li>
<li data-link="link2">2</li>
<li data-link="link3">3</li>
<li data-link="link4">4</li>
</ul>
<a href="link1">Кнопка</a>
<script>
document.querySelector(".price")
.addEventListener("click", function(event) {
let link = event.target.dataset.link;
if (link) {
this.querySelector(".active").classList.remove("active");
event.target.classList.add("active");
document.querySelector("a").href = link;
}
});
</script>
</body>
</html>