Posandu/ipfs.html

## ipfs.html
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
	</head>
	<body>
		<button id="add">ADD</button>

		<pre id="log"></pre>

		<script src="https://cdn.jsdelivr.net/npm/ipfs/dist/index.min.js"></script>

		<script>
			document.addEventListener("DOMContentLoaded", async () => {
				const $ = document.querySelector.bind(document);

				const node = await Ipfs.create();

				$("#add").addEventListener("click", async () => {
					const results = await node.add("=^.^= meow meow");
					$("#add").disabled = true;
                    $("#log").innerHTML = JSON.stringify(results, null, 2);
					const cid = results.cid;
					console.log("CID created via ipfs.add:", cid);
					const data = await node.cat(cid);


                    $("#add").disabled = false;

                    let stuff=""

                    for await (const item of data) {
                        stuff += new TextDecoder().decode(item)
                    }

                    $("#log").innerHTML += "\n"+ stuff;
				});
			});
		</script>
	</body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>Document</title>
	</head>
	<body>
	<button id="add">ADD</button>

	<pre id="log"></pre>

	<script src="https://cdn.jsdelivr.net/npm/ipfs/dist/index.min.js"></script>

	<script>
	document.addEventListener("DOMContentLoaded", async () => {
	const $ = document.querySelector.bind(document);

	const node = await Ipfs.create();

	$("#add").addEventListener("click", async () => {
	const results = await node.add("=^.^= meow meow");
	$("#add").disabled = true;
	$("#log").innerHTML = JSON.stringify(results, null, 2);
	const cid = results.cid;
	console.log("CID created via ipfs.add:", cid);
	const data = await node.cat(cid);


	$("#add").disabled = false;

	let stuff=""

	for await (const item of data) {
	stuff += new TextDecoder().decode(item)
	}

	$("#log").innerHTML += "\n"+ stuff;
	});
	});
	</script>
	</body>
	</html>