JavaScript-如何知道单击了哪个对象

我有一个基本的电影搜索，现在我正在尝试这样做，一旦你点击一部电影，它就会得到点击的电影标题属性，现在它会从匹配搜索词的电影列表中取出每一部电影

我怎样才能找出哪部电影被点击了，并且只传递这个对象属性而不是每个对象？我需要使用循环吗

添加的屏幕截图，例如，如果我单击第一部电影“John Wick”，它会为每个有“John Wick”的电影标题创建一个h1标题

函数搜索（）{
var userInput=$（“#内容容器搜索”）.val（）.replace（/\s+/g，“%20”）；
var searchTerm=”“.concat（标准URL，apiKey，'query='，userInput）；
var request=new XMLHttpRequest（）；
clear（）；//运行clear函数来清除现有的DOM结果，为新的结果让路
打开（'GET'，searchTerm，true）；
request.onload=函数（数据）{
var data=JSON.parse（this.response）；
创建列表（数据）；
}
request.send（）；
}
函数createList（数据）{
var app=document.getElementById（“胶片结果”）；
data.results.forEach（film=>{
控制台日志（电影名称）；
var filmInfo=胶片；
var Filmcontainer=document.createElement（“div”）；
setAttribute（“类”、“行胶片容器”）；
var filmContainerLeftPanel=document.createElement（“div”）；
filmContainerLeftPanel.setAttribute（“类”，“胶片容器左面板列small-3”）；
var filmContainerRightPanel=document.createElement（“div”）；
setAttribute（“类”，“胶片容器右面板列small-9”）；
var li=document.createElement（“li”）；
setAttribute（“类”，“胶片容器右面板li”）；
var ul=document.createElement（“ul”）；
var h1=document.createElement（“h1”）；
h1.setAttribute（“类”，“胶片容器-右面板-h1”）；
h1.textContent=film.title；
var ahref=document.createElement（“a”）；
//ahref.setAttribute（“类”、“按钮”）；
ahref.setAttribute（“数据打开”、“示例模块1”）；
var段落=document.createElement（“p”）；
段落.setAttribute（“类别”，“胶片-容器-右面板-p”）；
var paragraphMaxLength=125；
var filmOverview=film.overview；
var trimmedFilmOverview=filmOverview.substr（0，段落最大长度）；
trimmedFilmOverview=trimmedFilmOverview.substr（0，Math.min（trimmedFilmOverview.length，trimmedFilmOverview.lastIndexOf（“”））；
trimmedFilmOverview=trimmedFilmOverview+“…”；
段落.textContent=trimmedFilmOverview；
var baseImgURL=”https://image.tmdb.org/t/p/w154“+film.poster_path；
var filmImage=document.createElement（“img”）；
filmImage.src=baseImgURL；
setAttribute（“类”，“胶片容器右面板img”）；
//film.forEach（filmImage.src.indexOf（“null”））
//filmImage.src=“/img/imagenotavailable.png”；
app.appendChild（Filmcontainer）；
appendChild（filmContainerLeftPanel）；
appendChild（filmContainerRightPanel）；
filmContainerLeftPanel.appendChild（filmImage）；
filmContainerRightPanel.appendChild（ul）
.儿童（李）
.appendChild（ahref）
.儿童（h1）；
li.儿童（第款）；
generateModal（filmInfo）；
})
}
函数generateModal（filmInfo）{
var modal=document.getElementById（“exampleModal1”）；
var h1=document.createElement（“h1”）；
h1.textContent=filmInfo.title；
情态儿童（h1）；
控制台日志（filmInfo）；
}

也许你想看看和

--更新--

以下是一个例子：

let ctas=document.querySelectorAll（'.see details'）；
cta.forEach（cta=>{
cta.addEventListener（'点击'，（电影）=>{
让movieId=movie.target.getAttribute（'data-movie-id'）；
控制台日志（电影ID）；
});
});
查看电影详细信息
您可以使用JavaScript解决此问题


var div=document.createElement（'div'）；
文件.正文.附件（div）；
var button=document.createElement（“按钮”）；
button.innerHTML=“John Wick”；
button.style.margin=“10px”；
div.appendChild（按钮）；
var button2=document.createElement（“按钮”）；
button2.innerHTML=“约翰·威克：第2章”；
按钮2.style.margin=“10px”；
附件子项（按钮2）；
var button3=document.createElement（“按钮”）；
button3.innerHTML=“约翰·威克：第三章”；
附件子项（按钮3）；
函数showName（e）{
警报（“您已单击”+e.target.innerHTML）；
}
div.addEventListener（'click'，showName，false）请在侦听click事件时显示部分代码。是否可能将“this”传递给函数？然后查看innerhtml以确定它是哪一个？将HTML包含在您的示例中，以便我们了解您使用的是什么。