JSFiddle - React, Tailwind, and code Playground

by Sergey Goryachev

HTML

<ul class="orderList" style="display:block;">
  <li><a href="/uslugi/proizvodstvo-i-prodazha-asfaltobetonnykh-smesej">Производство и продажа асфальтобетонных смесей</a></li>
  <li><a href="/uslugi/proizvodstvo-i-prodazha-betona-i-rastvorov">Производство и продажа бетона и растворов</a></li>
  <li><a href="/uslugi/dorozhnoe-stroitelstvo-i-blagoustrojstvo-territorij">Дорожное строительство и благоустройство территорий</a></li>
  <li><a href="/uslugi/nanesenie-dorozhnoj-razmetki">Нанесение дорожной разметки</a></li>
  <li><a href="/uslugi/izgotovlenie-i-ustanovka-dorozhnykh-znakov">Изготовление и установка дорожных знаков</a></li>
  <li><a href="/uslugi/stroitelstvo-svetoforov">Строительство светофоров</a></li>
  <li><a href="/uslugi/prochistka-kanalizatsii">Прочистка канализации</a></li>
  <li><a href="/uslugi/chistka-teploobmennikov">Чистка теплообменников</a></li>
  <li><a href="/uslugi/vyvoz-tvjordykh-i-zhidkikh-otkhodov">Вывоз твёрдых и жидких отходов</a></li>
  <li><a href="/uslugi/arenda-spetstekhniki">Аренда спецтехники</a></li>
</ul>

JavaScript

$('.orderList a').click(function(e){
  e.preventDefault();
  location.pathname = '/zakazat?service='${$(e.target).text()};
});