单击Javascript中的选定列表时如何传递标题标签数据？

如何解决单击Javascript中的选定列表时如何传递标题标签数据？

第一个列表中有两个列表 name="ABC" 和第二个列表中有 name="XYZ"。我想通过调用 changefileinput() 函数使用 javascript 获取所选列表 h4 标签的值？

例如： 如果我单击 ABC 列表，那么我想获取其 h4 标签的值，即首先 如果我单击 XYZ 列表，那么我想获取其 h4 标签的值，即第二个

    <!-Html Code ->
    <li>
    <a class="btn templateBtn d-flex mb-2" onclick="changefileinput(this);">
     <div class="ml-2">
       <h4 data-toggle="tooltip" data-placement="top" name='ABC'>First</h4>
       <span>List Value-1</span>
     </div>
    </a>
    </li>
    <li>
    <a class="btn templateBtn d-flex mb-2" onclick="changefileinput(this);">
     <div class="ml-2">
       <h4 data-toggle="tooltip" data-placement="top" name='XYZ'>Second</h4>
       <span>List Value-2</span>
     </div>
    </a>
    </li>
    
    <!-Javascript Code ->
    function changefileinput(el) {
      alert("Hello");
      console.log("Name of Selected List Element is:",el.name);
    }