JSFiddle - React, Tailwind, and code Playground

by Qwerty_Wasd

HTML

<div class="nav-slider">
<hr>

<ul>
  <li><a href="#" class="nav-element">Главная</a></li>
  <li><a  href="#" class="nav-element">Продукция</a></li>
  <li><a  href="#" class="nav-element">Доставка и оплата</a></li>
  <li><a  href="#" class="nav-element">Новости</a></li>
  <li><a  href="#" class="nav-element">База знаний</a></li>
  <li><a  href="#" class="nav-element">Ещё</a></li>
  <li><a  href="#" class="nav-element">Icon</a></li>
</ul>
</div>

JavaScript

document.getElementsByClassName(`nav-slider`)[0].parentElement.addEventListener(`click`, e => {
	if(e.target.textContent === `Главная`) {
  	e.preventDefault();
  	console.log(`general`);
  }
});