JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" id="inputA" name="inputA" value="aaa">
    <input type="text" id="inputB" name="inputB" value="bbb">
        
        <ul id="ab_list" class="percentage">
          <li id="li_a" class="a">
            <span class="val">a</span>
            <span class="per">0</span>
          </li>
          <li id="li_b" class="b">
            <span class="val">b</span>
            <span class="per">0</span>
          </li>
    </ul>

JavaScript

var data_a = $("#inputA").val();
var data_b = $("#inputB").val();
$("#ab_list #li_a .val").html(data_a);
$("#ab_list #li_b .val").html(data_b);