Просто взять значение атрибута value у li, по которому кликнули
<body>
<ul class="list-unstyled text-center">
<li value="x1"> li 1</li>
<li value="x2"> li 2</li>
<li value="x3"> li 3</li>
</ul>
<script>
document.querySelector('.list-unstyled')
.addEventListener('click', (ev)=>{
const li = ev.target.closest('li')
alert(li.getAttribute('value'));
})</script>
</body>