Button to clear input value-CodePudding

I am trying to make a button (id="delete") that will clear any text entered in my field (id="input"), I have made a function and button, however after pressing the button nothing happens. Can't find the issue, the console also doesn't give any errors. Will be thankful for your assistance.

HTML:

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

JS:

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

Thanks!

CodePudding user response：

If you want to take action when a button is clicked, you should listen for its "click" event.

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