Manyaka Manyaka

Features used in Choices:

Array.from - core-js
Array.prototype.find - core-js
Array.prototype.includes - core-js
Symbol - core-js
Symbol.iterator - core-js
DOMTokenList - core-js?
Object.assign - core-js
CustomEvent - https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent/CustomEvent#Polyfill

	<nav class="pagination" aria-label="pagination">
	<a class="pagination__item pagination__item--first-page" href="#">
	<span class="visually-hidden">Первая страница</span>
	</a>

	<a class="pagination__item pagination__item--previous-page" href="#" rel="prev">
	<span class="visually-hidden">Предыдущая страница</span>
	</a>

	<a class="pagination__item" href="#">

	// Function to do an Ajax call
	const doAjax = async () => {
	const response = await fetch('Ajax.php'); // Generate the Response object
	if (response.ok) {
	const jVal = await response.json(); // Get JSON value from the response body
	return Promise.resolve(jVal);
	}
	else
	return Promise.reject('*** PHP file not found');
	}

	input:-webkit-autofill,
	input:-webkit-autofill:hover,
	input:-webkit-autofill:focus,
	input:-webkit-autofill:active {
	-webkit-transition: 'color 9999s ease-out, background-color 9999s ease-out';
	-webkit-transition-delay: 9999s;
	}

	input::-webkit-outer-spin-button,
	input::-webkit-inner-spin-button {

	div {
	margin: 1em auto;
	width: 50vw;
	height: 50vh;
	background-color: gray;
	background-image: url("img.webp");
	background-position: 50% 50%;
	background-size: cover;

	@supports (background-image: -webkit-image-set(url("img.webp") 1x)) {

	meta name="theme-color" content="#ffffff"
	link rel="icon" href="/favicon.svg"
	link rel="mask-icon" href="/mask-icon.svg" color="#000000"
	link rel="apple-touch-icon" href="/apple-touch-icon.png"
	link rel="manifest" href="/manifest.json"

	<picture>
	<source
	media="(max-width: 799px)"
	srcset="cupcake.webp 1x, [email protected] 2x"
	type="image/webp"
	>
	<source
	media="(min-width: 800px)"
	srcset="huge-cupcake.webp 1x, [email protected] 2x"
	type="image/webp"