JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li><a data-value="50" href="#">Option 1</a>
    </li>
    <li><a data-value="40" href="#">Option 2</a>
    </li>
    <li><a data-value="10" href="#">Option 3</a>
    </li>
</ul>
<a data-value="" class="button" href="">Go</a>

JavaScript

$('ul li a').click(function (e) {
    e.preventDefault();
    var value = $(this).data('value');
    $('.button').data('value', value);
    console.log($('.button').data('value'));
});

$('.button').click(function (e) {
    e.preventDefault();
    console.log($(this).data('value'));
});