Zjištění vytvoření a poslední úprava načteného souboru v JS

Záleží na tom co posílá server za hlavičky.
Pokud pošle Last-Modified tak mi funguje:

fetch('test.txt').then((response) => { document.getElementById("Last-Modified").innerHTML = response.headers.get('Last-Modified'); });

Zkoušel jsem to takto

fetch('test.html')
.then(response => response.text())
.then(data     => console.log(data))
.then(response => console.log(response.headers.get('Last-Modified'))) ;

ale dostanu chybu

Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'headers')

Funguje mi:

fetch('test.html')
.then((result) => {
	document.getElementById("Last-Modified").innerHTML = result.headers.get('Last-Modified');
	return result.text();
})
.then((content) => { document.getElementById("html").innerHTML = content; });

Tak mě taky, děkuji.
Zkoušel jsem to dát do funkce a zavolat to 5x pokaždé s jiným souborem ale očekávaný výsledek není

výsledek z 1 souboru
výsledek z 2 souboru
výsledek z 3 souboru
výsledek z 4 souboru
výsledek z 5 souboru

ale je třeba
výsledek z 3 souboru
výsledek z 1 souboru
výsledek z 2 souboru
výsledek z 5 souboru
výsledek z 4 souboru

zkoušel jsem udělat i asynchronní funkci s await fetch() ale výsledek je stejný, jak to udělat aby se spustila funkce znova s dalším souborem teprve až se ta předchozí dokončí? Díky

const result = await fetch('test.html');
document.getElementById("Last-Modified").innerHTML = result.headers.get('Last-Modified');
document.getElementById("html").innerHTML = await result.text();

Jakým způsobem to voláš pro víc souborů?

Zkoušel jsem jen nějaký základ a to přesně takto.

async function fetchText(fn) {
	let response = await fetch(fn);
	console.log(fn,response.status); // 200
	console.log(fn,response.statusText); // OK
	if (response.status === 200) {
		let data = await response.text();
		// handle data
	}
}


fetchText('test0.html')
fetchText('test1.html')
fetchText('test2.html')
fetchText('test3.html')
fetchText('test4.html')
fetchText('test5.html')

Vyzkouším ještě ten kód od tebe.

PS: tady Last-Modified se píše o formátu Last-Modified,
Last-Modified: <day-name>, <day> <month> <year> <hour>:<minute>:<second> GMT
ale už se tam nepíše jak si můžu vytvořit datum a čas ve vlastním formátu, nevíš jestli to jde?

Protože je fetchText() asynchronní funkce, musíš ji taky awaitovat, aby se nezačal vykonávat další řádek.

await fetchText('test0.html');

Když si z toho vytvoříš proměnnou typu Date, tak si to pak můžeš formátovat podle libosti.

Vyzkouším, díky.

Myslíš takto?
var date = new Date(result.headers.get('Last-Modified));

Ano.