Tıklanan a Tagının İsmine Ulaşmak

Merhabalar. 

Benim şu şekilde bir dropdownlist'im var 

<div class="dropdown">
<button id="aramaBtn" class="dropbtn">Dropdown</button>
  <div id="myDropdown" class="dropdown-content">
    <input type="text" placeholder="Search.." id="myInput">
    <div id="deneme" runat="server" >
    <a href="#About">About</a>
    <a href="#base">Base</a>
    <a href="#blog">Blog</a>
    <a href="#contact">Contact</a>
    <a href="#custom">Custom</a>
    <a href="#support">Support</a>
    <a href="#tools">Tools</a>
    </div>
  </div>
</div>

<script>
   
    document.getElementById("deneme").addEventListener("click", denemeFunc);
    function denemeFunc() {

        document.getElementById("aramaBtn").innerText =
    }

</script>

Burada buttona tıkladığım zaman içerisinde About,Base,Blog vs yazan bir liste açılıyor. Benim istediğim şey ise tıkladığım a tagının sahip olduğu ismin, buttonun isminin yerine geçmesi. Yani About'a tıklarsam aramaBtn isimli butonun ismi About olacak. 

   document.getElementById("aramaBtn").innerText =  Bu eşittirden sonra ne yazacağımı bir türlü bulamadım. 

Yardımcı olursanız sevinirim.

Merhaba. Kastettiğin şey, drop listendeki linklere tıklayınca butonun o linkin adını alması ise şu şekilde yapabilirsin;

  a=document.getElementById("deneme").getElementsByTagName("a")
   
   for(i=0; i<=a.length-1;i++){
       a.onclick = function() {
       document.getElementById("aramaBtn").innerText=this.innerHTML
       };} 

Not: a.onclick yazarken a'dan sonra aç köşeli parantez + i harfi + kapa köşeli parantez var. Editörde code butonu göremediğim için acak bu şekilde ekledim.

bootstrap kullandığına göre jquery kütüphanende vardır :)

şu kod işini görecektir :) direk kopyalayıp yapıştırabilirsin.

$("#deneme a").each(function () {
            $(this).click(function () {
                var yazi = $(this).text();
                console.log(yazi);
            });
        });