File generation example

by Arnaud Buchholz

HTML

Value 1 <input type="text" id="value1"><br>
Value 2 <input type="text" id="value2"><br>
<button id="save">Save</button>

JavaScript

// -8<-------------

var myList = {
  item1: {
  
  },
  item2: {
  
  }
}

// -8<-------------

var itemToModify = 'item1'

function byId (id) {
  return document.getElementById(id)
}

byId('save').addEventListener('click', function () {
  var value1 = byId('value1').value
  var value2 = byId('value2').value
  
  myList[itemToModify].value1 = value1
  myList[itemToModify].value2 = value2
  
  var link = document.createElement('a')
	var blob = new Blob(['var myList = ' + JSON.stringify(myList, undefined, 2)], {
		type: 'text/plain'
	});
 link.setAttribute("href", URL.createObjectURL(blob))
 link.setAttribute("download", 'myList.js')
 link.click()
})