example2.html

<pre>


	POT JS Example 2: Interactive, Verbosity, Path, Integrity


	key     <input id=key>

	value   <input id=value>

		<button onclick="put()"> put </button>


<hr />


	key     <input id=search>

		<button onclick="get()"> get </button>

	value   <input id=result>


	<img src=favicon.ico>


</pre>

<script src="lib/pot-web.js" wasm="lib/pot.wasm" verbosity="3" integrity="sha384-U0jsr4Xjbd2QmJG7E7C6KDVLIYRHzJ8+sl1dgBb82ohr9sA6tJzhkxyZWfMHRBvV"></script>

<script>

	var kvs

	(async () => {

		await pot.ready()
		kvs = new pot.Kvs()

	})()

	// There is no catching of early calls of put() and get()
	// in this example, which in theory could race the loading
	// of pot.wasm and the creation of kvs.

	const field = (id) => { return document.getElementById(id) }

	async function put() {

		key = field('key').value
		value = field('value').value
		await kvs.put(key, value)
	}

	async function get() {

		key = field('search').value
		value = await kvs.get(key)
		field('result').value = value
	}

</script>