ndrean/readParseSerializeSaveXML.js

## readParseSerializeSaveXML.js
<body>
   <input id="input" type="file" accept=".gpx" />;
    <script type="module" src="/main.js"></script>
</body>


let newHandle;

input.addEventListener("change", async (e) => {
  newHandle = await window.showSaveFilePicker({
    suggestedName: "yetcleaned.gpx",
    types: [
      {
        description: "Text documents",
        accept: {
          "text/plain": [".gpx"],
        },
      },
    ],
  });
  read(e);
});
async function read(e) {
  const file = e.target.files[0];
  const reader = new FileReader();
  reader.readAsText(file);
  reader.addEventListener("load", async () => {
    return new Promise((resolve) => {
      const doc = new DOMParser().parseFromString(reader.result, "text/xml");
      [...doc.documentElement.querySelectorAll("PostalCode")].forEach(
        (node) => {
          node.textContent = Number(node.textContent.replace(" ", ""));
        }
      );
      resolve(new XMLSerializer().serializeToString(doc));
    }).then(async (string) => await saveToFile(string));
  });
}

async function saveToFile(string) {
  try {
    const writableStream = await newHandle.createWritable();
    await writableStream.write(string);
    await writableStream.close();
  } catch (err) {
    console.log(err);
  }
}
	<body>
	<input id="input" type="file" accept=".gpx" />;
	<script type="module" src="/main.js"></script>
	</body>



	let newHandle;

	input.addEventListener("change", async (e) => {
	newHandle = await window.showSaveFilePicker({
	suggestedName: "yetcleaned.gpx",
	types: [
	{
	description: "Text documents",
	accept: {
	"text/plain": [".gpx"],
	},
	},
	],
	});
	read(e);
	});
	async function read(e) {
	const file = e.target.files[0];
	const reader = new FileReader();
	reader.readAsText(file);
	reader.addEventListener("load", async () => {
	return new Promise((resolve) => {
	const doc = new DOMParser().parseFromString(reader.result, "text/xml");
	[...doc.documentElement.querySelectorAll("PostalCode")].forEach(
	(node) => {
	node.textContent = Number(node.textContent.replace(" ", ""));
	}
	);
	resolve(new XMLSerializer().serializeToString(doc));
	}).then(async (string) => await saveToFile(string));
	});
	}

	async function saveToFile(string) {
	try {
	const writableStream = await newHandle.createWritable();
	await writableStream.write(string);
	await writableStream.close();
	} catch (err) {
	console.log(err);
	}
	}