<!DOCTYPE HTML>
<HTML>
<head>
	<meta charset="utf-8" />
	<style type="text/css">
		img:hover {
			position: relative;
			width: 500px;
		}

		video {
			width: 150px;
		}
	</style>
</head>
<body>
	<script>
		const word = "photo"; // ТУТ МЕНЯТЬ КЛЮЧЕВОЕ СЛОВО

		let title = '';

		// for (let j = 1; j <= 60; j++) {
		// 	title = `${word}-01-15-${j}`;

		// 	const url = `https://api.telegra.ph/getPage/${title}?return_content=true`;

		// 	getPage(url);
		// }

		for (let i = 1; i <= 12; i++) {
			for (let j = 1; j <= 31; j++) {
				title = `${word}-${String(i).padStart(2, '0')}-${String(j).padStart(2, '0')}`;

				const url = `https://api.telegra.ph/getPage/${title}?return_content=true`;

				getPage(url);
			}
		}


		function getPage(url) {
			let response = fetch(url).then(async response => {
				if (response.ok) { // если HTTP-статус в диапазоне 200-299
				  // получаем тело ответа (см. про этот метод ниже)
				  let json = await response.json();

					const span = document.createElement('h3');
					span.innerHTML = url;
					document.body.appendChild(span);

				  json.result.content.forEach(node => {
				  	if (node.tag == "figure") {
				  		node.children.forEach(item => {
				  			if (item.tag == "img") {
				  				const img = document.createElement("img");

				  				if (item.attrs.src.startsWith("/file")) {
									img.src = 'https://telegra.ph'+ item.attrs.src;
				  				} else if (item.attrs.src.startsWith("http")) {
									img.src = item.attrs.src;
				  				} else {
				  					console.log("WTF?", item.attrs.src)
				  				}

				  				img.width = 100;

				  				document.body.appendChild(img);
				  			} else if (item.tag == "video") {
				  				const video = document.createElement('video');
				  				video.controls = true;

				  				if (item.attrs.src.startsWith("/file")) {
									video.src = 'https://telegra.ph'+ item.attrs.src;
				  				} else if (item.attrs.src.startsWith("http")) {
									video.src = item.attrs.src;
				  				} else {
				  					console.log("WTF?", item.attrs.src)
				  				}

				  				document.body.appendChild(video);
				  			}
				  		})
				  	}
				  });

				  document.body.appendChild(document.createElement("hr"));

				} else {
				  alert("Ошибка HTTP: " + response.status);
				}

			});
		}




	</script>
</body>
</HTML>