JSFiddle - React, Tailwind, and code Playground

HTML

<div class="tt-desctop-parent-multi tt-parent-box">
  <div class="tt-multi-obj tt-dropdown-obj">
    <div class="row">
    <button class="tt-dropdown-toggle"
            data-tooltip="{{ 'general.tooltip_texts.header_settings' | t }}"
            data-tposition="bottom">
  
      <i class="icon-e-49"></i><p id="currName"> </p> </button></div>
    <div class="tt-dropdown-menu">
      <div class="tt-mobile-add">
        <button class="tt-close">Close</button>
      </div>

<div class="tt-dropdown-menu" style="display: block;">
      <div class="tt-dropdown-inner">
<ul class="menu_language_holder">
</ul>

<form method="post" action="/cart/update" id="currency_form" accept-charset="UTF-8" class="currency-selector small--hide MultiFile-intercepted" enctype="multipart/form-data"><input type="hidden" name="form_type" value="currency"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="return_to" value="/collections/carriers/products/piang-gouer-soft-cat-carrier-plain-print"><input name="currency" hidden="">
<ul class="currency-selector" data-currency-selector=""><li data-currency="AUD">
    <a href="#">
      $  Australian Dollar
    </a>
  </li><li data-currency="USD" class="active">
    <a href="#">
      $ United States Dollar
    </a>
  </li></ul></form></div>
    </div><br><br>

JavaScript

let selectedCurrency = document.querySelector("li, .currency-selector, .active, a[href^='#']").innerHTML;  
    document.getElementById('currName').innerHTML = selectedCurrency;