contentScript.js

window.onload =function()
{
	var arrayOfObjects; 
	var lengthOfArray;
	var arrayOfKeys;      
	chrome.storage.local.get('main_array',function(myobj){ arrayOfObjects = myobj['main_array'];});       
	chrome.storage.local.get('lengthOfMain_array',function(myobj){ lengthOfArray = myobj['lengthOfMain_array'];});
	chrome.storage.local.get('keys_of_objects',function(myobj){ arrayOfKeys = myobj['keys_of_objects'];});
	setTimeout(function(){
		for (let i = 0; i < lengthOfArray; i++)
		 {
			var url_div = document.createElement('div');
			url_div.classList.add("url_divs");
			url_div.innerHTML= "<a href ="+arrayOfObjects[i][arrayOfKeys[i]]+">"+arrayOfObjects[i][arrayOfKeys[i]]+"</a>"+"&nbsp" + "<section> <button class=restore >Restore</button>"+"&nbsp"+"&nbsp"+"<button class=delete1>Delete</button></section> ";
			document.body.appendChild(url_div);
		}
	},0);

}
var icons = document.getElementsByClassName('icon');
var restore = document.getElementsByClassName('restore');
var delete1 = document.getElementsByClassName('delete1');
icons[0].addEventListener("click",handler,false);

function handler(){
	var arrayOfObjects; 
	var lengthOfArray;
	var arrayOfKeys;      
	chrome.storage.local.get('main_array',function(myobj){ arrayOfObjects = myobj['main_array'];});       
	chrome.storage.local.get('lengthOfMain_array',function(myobj){ lengthOfArray = myobj['lengthOfMain_array'];});
	chrome.storage.local.get('keys_of_objects',function(myobj){ arrayOfKeys = myobj['keys_of_objects'];});
	var text = " ";
	var nextline= "\r\n";
	setTimeout(function(){
		for (let i = 0; i < lengthOfArray; i++)
		 {
			text +="(" +(i+1)+ ") " + arrayOfObjects[i][arrayOfKeys[i]] + nextline;
		}
	},0);
setTimeout(function(){
	console.log(text);
		function download(filename, text) {
		var element = document.createElement('a');
		element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text));
		element.setAttribute('download', filename);
		element.style.display = 'none';
		document.body.appendChild(element);
		element.click();
		document.body.removeChild(element);
	}
	download("list.txt",text);
},3000);
	
}
setTimeout(function()
{
	var length_restore = restore.length;
	for(let i =0;i<length_restore;i++)
	{
		restore[i].addEventListener("click",restore_f,false);
	}
},500);
setTimeout(function()
{
	var length_delete1 = delete1.length;
	for(let i =0;i<length_delete1;i++)
	{
		delete1[i].addEventListener("click",delete1_f,false);
	}
},500);
//to open the address in a new tab
function restore_f(){
	chrome.tabs.create({url:this.parentElement.parentElement.childNodes[0].href});
}
//to delete the address from the list of tabs
function delete1_f(){
	var url_selec_tab = this.parentElement.parentElement.childNodes[0].href;
	var to_close = this.parentElement.parentElement;
	var arrayOfObjects = []; 
	var lengthOfArray;
	var arrayOfKeys =[];      
	chrome.storage.local.get('main_array',function(myobj){ arrayOfObjects = myobj['main_array'];});       
	chrome.storage.local.get('lengthOfMain_array',function(myobj){ lengthOfArray = myobj['lengthOfMain_array']; });
	chrome.storage.local.get('keys_of_objects',function(myobj){ arrayOfKeys = myobj['keys_of_objects'];});
	setTimeout(function(){
	for(let i=0;i<lengthOfArray;i++)
	{	
		if(arrayOfObjects[i][arrayOfKeys[i]] == url_selec_tab)
		{
			arrayOfObjects.splice(i,1);
			arrayOfKeys.splice(i,1);
			lengthOfArray-=1;
	} 
	}},1000);
	setTimeout(function() {
		chrome.storage.local.set({"lengthOfMain_array":lengthOfArray});
		chrome.storage.local.set({'main_array':arrayOfObjects});
		chrome.storage.local.set({'keys_of_objects':arrayOfKeys});
		to_close.remove();
	},1000);
}