File System Api

Script.js

const fileContentDiv = document.getElementById('file-content');

let fileHandle;
const pickerOpts = {
	types: [
		{
			description: "Images",
			accept: {
				"image/*": [".png", ".gif", ".jpeg", ".jpg", ".js", ".html", ".css", ".go"],
			},
    },
  ],
	excludeAcceptAllOption: true,
	multiple: false,
}

const button = async () => {
	 [fileHandle] = await window.showOpenFilePicker(pickerOpts);
	let fileData = await fileHandle.getFile();
	let text = await fileData.text();
	fileContentDiv.textContent = text;
}


const save = async () => {
	let stream = await fileHandle.createWritable();
	await stream.write(fileContentDiv.textContent)
	await stream.close();
}

const saveAs = async () => {
	fileHandle = await window.showSaveFilePicker();
	save()
}

document.body.style.background = 'darkviolet';