Roman Zeno zenya385

## one modal
document.addEventListener("DOMContentLoaded", () => {
  const openBtn = document.querySelector(".open-modal");   // одна кнопка
  const closeBtn = document.querySelector(".close-modal"); // одна кнопка закриття
  const modal = document.querySelector(".modal");          // одна модалка

  // Відкрити модалку
  openBtn.addEventListener("click", () => {
    modal.classList.add("active");
  });


## тільки унікальні елементи у масиві
const uniqueArray2 = alltegs.filter((item, index, self) => self.indexOf(item) === index); //  тільки унікальні елементи у масиві

## масив унікальних зачень new Set
const uniqueArray1 = [...new Set(alltegs)];  //  тільки унікальні елементи, самий простий спосіб

## modal.js
document.addEventListener("DOMContentLoaded", () => {
  const openModalButtons = document.querySelectorAll(".open-modal");
  const closeModalButtons = document.querySelectorAll(".close-modal");
  const modals = document.querySelectorAll(".modal");

  // Функція для відкриття модального вікна
  const openModal = (modalId) => {
    const modal = document.getElementById(modalId);
    if (modal) {
      modal.classList.add("active");

## active page
.active::after {
  content: "";
  display: block;
  height: 3px;
  width: 100%;
  border-radius: 7px;
  background-color: #f38181;
  margin-top: 10px;
}

## gist:2e424a71b9f3da589860c96c24e89b47
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/modern-normalize/2.0.0/modern-normalize.min.css" integrity="sha512-4xo8blKMVCiXpTaLzQSLSw3KFOVPWhm/TRtuPVc4WG6kUgjH6J03IBuG7JZPkcWMxJ5huwaBpOpnwYElP/m6wg==" crossorigin="anonymous" referrerpolicy="no-referrer" />

## cdn normalize link
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/normalize.css@8.0.1/normalize.min.css">

## *.html
  <link rel="stylesheet"
    href="https://cdn.jsdelivr.net/gh/jgthms/minireset.css@master/minireset.min.css">

## reset.css
html,
body,
p,
ol,
ul,
li,
hr,
h1,
h2,
h3,

## .gitignore
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.

# Created by https://www.toptal.com/developers/gitignore/api/node,windows,visualstudiocode
# Edit at https://www.toptal.com/developers/gitignore?templates=node,windows,visualstudiocode

### Node ###
# Logs
logs
*.log
npm-debug.log*
	document.addEventListener("DOMContentLoaded", () => {
	const openBtn = document.querySelector(".open-modal"); // одна кнопка
	const closeBtn = document.querySelector(".close-modal"); // одна кнопка закриття
	const modal = document.querySelector(".modal"); // одна модалка

	// Відкрити модалку
	openBtn.addEventListener("click", () => {
	modal.classList.add("active");
	});
	document.addEventListener("DOMContentLoaded", () => {
	const openModalButtons = document.querySelectorAll(".open-modal");
	const closeModalButtons = document.querySelectorAll(".close-modal");
	const modals = document.querySelectorAll(".modal");

	// Функція для відкриття модального вікна
	const openModal = (modalId) => {
	const modal = document.getElementById(modalId);
	if (modal) {
	modal.classList.add("active");
	.active::after {
	content: "";
	display: block;
	height: 3px;
	width: 100%;
	border-radius: 7px;
	background-color: #f38181;
	margin-top: 10px;
	}
	<link rel="stylesheet"
	href="https://cdn.jsdelivr.net/gh/jgthms/minireset.css@master/minireset.min.css">
	# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.

	# Created by https://www.toptal.com/developers/gitignore/api/node,windows,visualstudiocode
	# Edit at https://www.toptal.com/developers/gitignore?templates=node,windows,visualstudiocode

	### Node ###
	# Logs
	logs
	*.log
	npm-debug.log*