javascript——如何强制我的chrome扩展等到请求结束后再发送另一个请求？

我正在创建一个chrome扩展，它在某个网站上工作，以自动化网站中的一些任务，该扩展获取一系列数据并逐个发送（模拟单击网站上的一个按钮，将数据发送到后端），因此我正在自动化异步重复任务。

但问题是，在点击“发送”按钮后，我没有从该网站返回任何数据，因为我不是创建该网站的所有者或开发人员

该网站就像一家书店，你需要按书名搜索这本书，然后对这本书做进一步的工作，我的扩展是关于自动化这个过程，所以不是从网站用户界面搜索这本书，扩展有许多输入，接受多个书名，然后通过模仿点击网站用户界面中的发送按钮将这本书发送到网站后端

我的问题是，我有一个功能，在添加一些图书名称后单击扩展中的一个按钮，就可以处理收藏中的每个项目，但问题是，我需要在每个周期中等待网站找到图书，所以我在这里有异步步骤，这是我真正的问题，我需要等待图书查找功能完成，然后我才能做进一步的工作

//extension add books button
const addBooks = document.getElementById('add-books');
//books collected from changing the extension inputs
let bookCollection = [{...}, {...}, {...}]

addBooks.addEventListener('click', () => {
for (let drug of collectedDrugs) {
      let { name, code, price } = book;
      //trying to await the website find the book
      await getBook(name);
    
      addBook(price, qty);
  }

})

不幸的是，这不起作用，这个函数应该适用于集合中等待异步步骤完成的每个项目，完成该函数，然后对另一本书重复相同的循环，我如何修复此代码使其工作！