清除輸入值的按鈕

Question

我正在嘗試制作一個按鈕（ id="delete" ），它將清除在我的字段中輸入的任何文本（ id="input" ），我制作了一個 function 和按鈕，但是在按下按鈕后沒有任何反應。 找不到問題，控制台也沒有給出任何錯誤。 將感謝您的幫助。

HTML：

<span contenteditable="true" ><p id="input"></p></span>
<button  id="delete">Delete Data</button>

JS：

const trigger = document.getElementById("delete");
trigger.value = '';

謝謝！

Answer 1

如果你想在點擊按鈕時采取行動，你應該監聽它的“點擊”事件。

document.querySelector("#delete").addEventListener('click', () => {
    document.getElementById("input").innerHTML = ''
})