如何將 HTML 元素的 innerText 作為 object 鍵傳遞？

Question

所以我有一個 API 用於電影，我有一個按鈕，點擊時應該顯示特定類型的電影。 例如，按鈕是這樣的：

<span>action</span>

And my API url looks something like this: https://api.themoviedb.org/3/discover/movie?api_key={api_key}&sort_by=popularity.desc&with_genres=80&page=4

如您所見，我應該在 with_genres 參數中插入任何其他類型的編號，所以我為它寫了一個 function ：

function genreChoose(e){
        let genres = {
            action: 80
        }
        let url = new URL(lastUrl);
        url.searchParams.set('with_genres', genres.action)
        fetchURL(url);
    }

我制作了一個 object 的流派，當我從上面單擊流派<span>時，它應該將 innerText 作為 object 鍵傳遞，因此 span 中的文本和流派中的鍵 object 都是“action”。 我url.searchParams.set('with_genres', genres.e.innerText)那樣做是行不通的，所以我正在尋找一種將<span>的 innerText 作為 object 值傳遞的方法。

Answer 1

例如：

 const button = document.querySelector('button'); function genreChoose(e) { let genres = { action: 80 }; let url = new URL('https://api.themoviedb.org/3/discover/movie'); url.searchParams.set('with_genres', genres[e.target.innerText]); console.log(url); } button.addEventListener('click', genreChoose);

 <button>action</button>