psimonyi/example.html

## example.html
<!doctype html>
<meta charset='utf-8'>
<script src='example.js'></script>

<button type='button' class='browser-style' id='set'>Set</button>
<button type='button' class='browser-style' id='get'>Get</button>
<p id='output'></p>

## example.js
document.addEventListener('DOMContentLoaded', function () {
  let setter = document.getElementById('set');
  setter.addEventListener('click', saveSettings);
  let getter = document.getElementById('get');
  getter.addEventListener('click', getSettings);
})

function onGot (item) {
  console.log(item)
  document.getElementById('output').textContent = JSON.stringify(item);
}

function onError (error) {
  console.log('Error:', error)
  document.getElementById('output').textContent = JSON.stringify(item);
}

function getSettings () {
  let gettingItem = browser.storage.local.get('kitten')
  gettingItem.then(onGot, onError)
}

function saveSettings () {
  browser.storage.local.set({
    kitten:  {name:"Mog", eats:"mice"},
    monster: {name:"Kraken", eats:"people"}
  })
}

## manifest.json
{
    "manifest_version": 2,

    "name": "example",

    "browser_action": {
        "browser_style": true,
        "default_popup": "example.html"
    },

    "permissions": [
        "storage"
    ],

    "version": "0"
}
	<!doctype html>
	<meta charset='utf-8'>
	<script src='example.js'></script>

	<button type='button' class='browser-style' id='set'>Set</button>
	<button type='button' class='browser-style' id='get'>Get</button>
	<p id='output'></p>
	document.addEventListener('DOMContentLoaded', function () {
	let setter = document.getElementById('set');
	setter.addEventListener('click', saveSettings);
	let getter = document.getElementById('get');
	getter.addEventListener('click', getSettings);
	})

	function onGot (item) {
	console.log(item)
	document.getElementById('output').textContent = JSON.stringify(item);
	}

	function onError (error) {
	console.log('Error:', error)
	document.getElementById('output').textContent = JSON.stringify(item);
	}

	function getSettings () {
	let gettingItem = browser.storage.local.get('kitten')
	gettingItem.then(onGot, onError)
	}

	function saveSettings () {
	browser.storage.local.set({
	kitten: {name:"Mog", eats:"mice"},
	monster: {name:"Kraken", eats:"people"}
	})
	}
	{
	"manifest_version": 2,

	"name": "example",

	"browser_action": {
	"browser_style": true,
	"default_popup": "example.html"
	},

	"permissions": [
	"storage"
	],

	"version": "0"
	}