Javascript In astro

const search = document.querySelector('.search_bar');
const search_btn = document.querySelector('.search_btn');
earch.addEventListener("keydown", (e) => {
  if (e.key === "Enter") {
    search_btn.click();
  }
});
search_btn.addEventListener('click' ,  () => { 
  console.log('hello');
    const game_cards = document.querySelectorAll('.game_card');
    const search_value = search.value.toLowerCase().replace(/ /g, '');
    const names= document.querySelectorAll('.game_name a')
    for(let i = 0; i < names.length; i++){
        const name_value = names[i].textContent.toLowerCase().replace(/ /g, '');
        if(name_value.includes(search_value) === true){
            game_cards[i].style.display = '';
        }else{
          game_cards[i].style.display = 'none';
        }
    }
});