Skip to content

Commit d37c00e

Browse files
Renaming item => element, part 2
1 parent 3f4eb77 commit d37c00e

File tree

1 file changed

+6
-6
lines changed

1 file changed

+6
-6
lines changed

form/form_collections.rst

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -252,7 +252,7 @@ On the rendered page, the result will look something like this:
252252

253253
<ul class="tags" data-index="0" data-prototype="&lt;div&gt;&lt;label class=&quot; required&quot;&gt;__name__&lt;/label&gt;&lt;div id=&quot;task_tags___name__&quot;&gt;&lt;div&gt;&lt;label for=&quot;task_tags___name___name&quot; class=&quot; required&quot;&gt;Name&lt;/label&gt;&lt;input type=&quot;text&quot; id=&quot;task_tags___name___name&quot; name=&quot;task[tags][__name__][name]&quot; required=&quot;required&quot; maxlength=&quot;255&quot; /&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;">
254254

255-
Now add a button just next to the ``<ul>`` to dynamically add a new tag:
255+
Now add a button to dynamically add a new tag:
256256

257257
.. code-block:: html+twig
258258

@@ -537,24 +537,24 @@ First, add a "delete this tag" link to each tag form:
537537
// ...
538538
539539
// add a delete link to the new form
540-
addTagFormDeleteLink(item);
540+
addTagFormDeleteLink(element);
541541
}
542542
543543
The ``addTagFormDeleteLink()`` function will look something like this:
544544

545545
.. code-block:: javascript
546546
547-
const addTagFormDeleteLink = (tagFormLi) => {
547+
const addTagFormDeleteLink = (element) => {
548548
const removeFormButton = document.createElement('button')
549549
removeFormButton.classList
550550
removeFormButton.innerText = 'Delete this tag'
551551
552-
tagFormLi.append(removeFormButton);
552+
element.append(removeFormButton);
553553
554554
removeFormButton.addEventListener('click', (e) => {
555-
e.preventDefault()
555+
e.preventDefault();
556556
// remove the li for the tag form
557-
tagFormLi.remove();
557+
element.remove();
558558
});
559559
}
560560

0 commit comments

Comments
 (0)