how to save dynamically added div in another html file ?

here is my code first i add column dynamic ...then after i drag and drop item from left sidebar in column now i want save button click to save dynamic add column and drop item in column open in new html page.

Bidyasagar Mishra7y ago

Hi dip vyas, i have created complete code for you please follow the code

Append fields to div

Example:

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js">script>
<script type="text/javascript">
$(document).ready(function(){
var arrayObject=[];
$("#btnAddDiv").click(function(){
var html="
";
$("#divAppend").append(html);
arrayObject.push(html);
localStorage.setItem("array", JSON.stringify(arrayObject));
});
});
script>
head>
<body>
<div id="divAppend">
div>
<button id="btnAddDiv">Add Divbutton>
body>
html>

Viewpage

Example:

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js">script>
<script type="text/javascript">
$(document).ready(function(){
var array = JSON.parse(localStorage.getItem("array"));
for(i=0;i<array.length;i++){
var html=array[i];
$("#divAppendBody").append(html);
}
});
script>
head>
<body>
<div id="divAppendBody">
div>
body>
html>