Searсh

  <div class="dropdown" align="center">
                         <button  onclick="myFunction()"
                                  class="dropbtn dropdown-toggle">Search for a store
                         </button>
                       </div>
                    <div id="myDropdown" class="dropdown-content">
                          <input type="text" style="width: 238px;" placeholder="Search.." id="myInput" onkeyup="filterFunction()">
                          {% for country in country %}
                            <a href="{% url 'users:cities' country.pk %}">{{country.country}}</a>
                          {% endfor %}
                  </div>

const dropdown = document.querySelector(".dropdown");

document.addEventListener("click", event => {
  if (isDropdownOpen) {
    const isClickInside = dropdown.contains(event.target);

    if (!isClickInside) {
      close();
    }
  }
});