首页 > 解决方案 > 如何将此值导出到另一个 JS 文件中?

问题描述

我正在尝试将变量从一个 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)

我得到错误 在此处输入图像描述

我究竟做错了什么?先感谢您

标签: javascripthtmlimportexport

解决方案


尝试将值保存在本地存储中,然后它可以在所有 js 文件中访问

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


推荐阅读