öncelikle bu linke giderek kendi sistemine ve python sürümüne uygun olan dosyayı manuel olarak indirmen gerekiyor.

Sonrasında dosyayı indirdiğin klasoru terminalde aç ve ardından bu komutu çalıştır.

pip install indirdigin-dosyanın-adı

örnek vermek gerekirse

pip install PyAudio‑0.2.11‑cp39‑cp39‑win_amd64.whl

umarım yardımcı olacaktır

evet tabiki uygulayabilirsin, örnek vermek gerekirse:

<div class="dropdown menu "></div>

istediğin kadar class ı bir elemente atayabilirsin.

kodu kesinlikle optimize edebilirsin ama konsept olarak bu kod işine yarayacaktır

<button id="show"> show </button>
<div id="container"></div>

const btn = document.getElementById("show");
const container = document.getElementById("container");

let isHide = true;
let isOver = false;


var startAutoHideContainer = () => {

  isHide = false;

  let counter = 0;
  var interval = setInterval(() => {

    if (!isOver) {
      counter++;
    } else {
      counter = 0;
    }

    if (counter == 2) {
      container.style.display = "none";
      clearInterval(interval);
      isHide = true;
    }
  }, 1000);

}

btn.addEventListener("click", () => {

  if (isHide) {

    isHide = true;

    container.style.display = "block";
    startAutoHideContainer()

  }

})

container.addEventListener("mouseover", () => isOver = true);
container.addEventListener("mouseout", () => isOver = false);

edit: kodları paylaşırken herhangi bir css kodu paylaşmadım pek tabi mouseover ve mouseout eventlerinin çalışabilmesi için container'ın yükseklik ve genişliğe ihtiyacı olacaktır.

Biraz hızlı yazdım belki kod biraz daha optimize edilebilir ama işine yarayacaktır diye düşünüyorum.

const my_array = [
  [
    "Name",
    "Address",
    "Gender",
    "Designation",
    "Age"

  ],

  ["lorem1", "lorem2", "lorem3", "lorem4", 11],
  ["lorem1", "lorem2", "lorem3", "lorem4", 34],
  ["lorem1", "lorem2", "lorem3", "lorem4", 6],
  ["lorem1", "lorem2", "lorem3", "lorem4", 12],
  ["lorem1", "lorem2", "lorem3", "lorem4", 15],
  ["lorem1", "lorem2", "lorem3", "lorem4", 17],

]



const array_to_object = (array) => {

  const data_schema = array[0];
  const datas = array.slice(1, array.length);

  let result = []

  datas.forEach(a => {

    let new_object = {};

    for (const [i, v] of a.entries()) {


      new_object[data_schema[i]] = v;

    }

    result.push(new_object)

  })

  return result

}


console.log(array_to_object(my_array))

dönen sonuç ise şu şekilde

array.sort((a,b) => (a.id > b.id) ? 1 : ((b.id > a.id) ? -1 : 0))

bu linkte prototurkte intersection observer API kullanılarak bir örneği bulunuyor. Eğer sunucudan yeni verileri çekmek istiyorsan aynı işlemi AJAX veya fetch isteği yaparak çekebilirsin.