如何將此值導出到另一個 JS 文件中？

Question

我正在嘗試將變量從一個 JavaScript 文件導出到另一個

const ticketsForFilm = document.querySelector(".film-list")

// FUNCTION FOR GETTING THE FILM ID FOR BUYING TICKETS
export let filmID 
function choosingFilmForTickets(e){
    let target = e.target
    if(target.classList.contains("fa-ticket-alt")){
        filmID = target.parentElement.parentElement.parentElement.id
    }
} 

// LISTENER FOR GETTING THE FILM ID WHEN CLICKING ON THE TICKET ICON
ticketsForFilm.addEventListener("click", choosingFilmForTickets)

這是我在單擊圖標后獲取電影 ID 的代碼，但這也是當我的 html 文件更改為另一個文件以進行下一步時。

當我嘗試在另一個 JS 文件中導出和導入 filmID 變量時

import {filmID} from "../films.js"

console.log(filmID)

我得到錯誤

我究竟做錯了什么？ 先感謝您

Answer 1

嘗試將值保存在本地存儲中，然后它可以在所有 js 文件中訪問

這里有一些鏈接https://www.w3schools.com/html/html5_webstorage.asp https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage