如何使用基於使用JavaScript單擊的特定按鈕的數組中的信息替換div上的信息？

Question

所以這是我在這里被問到的第一個問題，我不知道我是不是只是在思考這個問題或忽略了什么......

我正在嘗試制作一個腳本，用我的網站上的彈出窗口中的信息替換來自數組的信息，具體取決於打開實際彈出窗口的哪個項目使用JavaScript進行點擊。

我想提一下，我不太熟悉編程。 我可以處理和理解問題的邏輯部分。 我知道我想要什么，但我一直在努力編寫代碼。

所以我目前在我的目錄中只有一個項目用於測試，而我現在要做的就是更改p標簽內的信息：

p id =“item-description”target =“0”> Lorem ipsum dolor sit amet <p

現在......在我的JavaScript文件中，我存儲了一個數組....“let description = [”description 1“，”description 2“，”description 3“]

我還為項目存儲了屬性“target”的值：“let target = document.getElementById（'item-description'）; target = target.getAttribute（”target“）;”

（一旦我可以為一個人做，我將改變功能，以存儲屬性“目標”的值，無論要點擊哪個項目）

這就是我試圖接近這個......一旦我存儲了“目標”的值，我需要將它與數組中的每個位置值進行比較，直到它們都匹配（這是我目前卡住的地方）。 找到匹配項后，將存儲該匹配值，它將確定我要用於替換彈出窗口中的描述的數組中的內容。

我現在面臨的最大問題實際上是存儲元素在數組中的位置值，以將其與點擊的“目標”或我當前擁有的樣本“0”進行比較。

怎么能接近這個？ 還是有一種更好的方式我可以幫助我完成我的主要任務？

Answer 1

我不完全確定我理解你的問題，但我認為你正在嘗試這樣做：

const myArrayOfStuff = ["stuff1", "stuff2", "stuff3"];
const target = document.getElementById("item-description");
const targetAtt = target.getAttribute("target");
target.innerHTML = myArrayOfStuff[targetAtt]

如果目標設置為0，那將用“stuff1”替換div“item-description”中的文本。