Clash Royale CLAN TAG#URR8PPP

Create a button which duplicate elements of an array

Hello everybody I'm new in javascript. I want to create a button which duplicate elements in an array. I try this :

%a.btn.btn-success#addd :href => "#", :onclick => "duplicate(this.parentNode.parentNode)"

:javascript
document.getElementById('addd').click = duplicate;

var i = 0;
var original = document.getElementById('inf_finding.id');

function duplicate(original)
var clone = original.cloneNode(true);
clone.id = "inf_finding.id" + ++i;
original.parentNode.appendChild(clone);



But I refresh it, the element that I add is not in the page anymore.Can you help me to resolve this please ?
Here are the screenshots :

First

It add properly the element

But when I refresh the page, the element disappears.

1 Answer
1

Your code only makes changes within the DOM of the current webpage. When the page is refreshed, the DOM is regenerated from the HTML sent by the server and so your changes are lost.

In order to make persistent changes, you need to save data either on the server (using AJAX) or in the browser using Local Storage, Cookies, etc.

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.