我試圖創建一個 onclick 事件，但什么也沒發生
let myWork = []
const submitEl = document.getElementById("submit-el")
const clearEl = document.getElementById("clear-el")
const listEl = document.getElementById("list-el")
const textEl = document.getElementById("text-el")
submitEl.addEventListener("click", function () {
myWork.push(textEl.value)
renderItems()
})
clearEl.addEventListener("click", function () {
myWork.pop()
renderItems()
})
function renderItems() {
let listItems = ""
for (let i = 0; i < myWork.length; i ) {
listItems = `<li>${myWork[i]} </li> <button>Done</button>`
}
listEl.innerHTML = listItems
}
如何使此按鈕自行洗掉？
uj5u.com熱心網友回復：
如果我理解您的問題，您希望“完成”按鈕在單擊時洗掉自己的行。
作為一個快速的解決方案，您可以撰寫：
listItems = `<li>${myWork[i]} </li> <button onclick="deleteWorkByIndex(${i})>Done</button>`
function deleteWorkByIndex(index) {
myWork.splice(index, 1); // Delete the item n°{index}
renderItems();
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/490125.html
標籤：javascript