В игре по изучению слов я пытаюсь сделать так, чтобы игрок мог составлять свои собственные списки слов. Если игрок хочет изменить свой список слов, я также хочу, чтобы игрок мог удалить слово из списка. Я заблудился от того, как правильно это сделать. Прямо сейчас у меня есть вложенная форма, и я знаю, что это неправильный способ сделать это. Как я могу удалить слово из списка, не вызывая родительскую форму? Как можно избежать вложенных форм, если форма удаления должна находиться внутри элемента word_field?
родительская форма:
<form action="/lists/<%= list.id %>?_method=PUT" method="POST">
<%- include('_word_form', { list: list }) %>
<% list.words.forEach(word => { %>
<%- include('_word_fields', { word: word }) %>
<% }) %>
</form>
дочерняя форма:
<div class="word_field">
<label>langOne</label>
<input type="text" name="langOne" value="<%= word.langOne %>">
<label>langTwo</label>
<input type="text" name="langTwo" value="<%= word.langTwo %>">
<form action="/words/<%= word.id %>?_method=DELETE" method="DELETE">
<button type="submit">Delete</button>
</form></div>