Passing parameter to javascript function form HTML but using ejs

Question

I have the current code in my 'index.ejs' file. I would like to pass the item as a parameter to the deleteItem() and updateItem() functions. However, simply writing item is not working.

<% items.forEach((item) => { %>
    <li class="list-group-item">
        <span class="description"><%= item %></span>
        <button class="btn btn-default btn-xs pull-right" id="delete-button" onclick="deleteItem()">
            <i class="glyphicon glyphicon-trash"></i>
         </button>
         <button class="btn btn-default btn-xs pull-right" id="update-button" onclick="updateItem()">
             <i class="glyphicon glyphicon-pencil"></i>
          </button>
     </li>
<% }) %>

To be specific, I want the individual items in the forEach loop to be passed when their buttons are clicked. I am using embedded javascript as you can see.

I have looked up answers saying one needs to make use of document.getElementById(), but I tried implementing it and it didn't work. Not sure if I did it correctly, though.

Answer 1

等待大神解答