Выбор по атрибуту

// Выберите элемент с id="tg" и измените его текст
const element = document.input__1("input__2");
element.input__3 = "Текст был успешно изменен!";

// Выберите элемент с data-role="primary" и сделайте его фон синим
const primaryButton = document.input__1('input__2');
primaryButton.input__3.input__4 = "blue";
primaryButton.style.color = "white";

// Выберите все элементы с атрибутом required и добавьте им красную рамку
const requiredFields = document.input__1('input__2');

requiredFields.input__3((field) => {
  field.input__4.input__5 = '2px solid red';
});

// Выберите все ссылки, которые открываются в новом окне (target="_blank"),
// и добавьте к их тексту индикатор (Внешняя ссылка)
const externalLinks = document.input__1('input__2');

externalLinks.forEach((link) => {
  link.input__3 += " (Внешняя ссылка)";
  link.style.input__4 = "blue";
});

// Проверьте, есть ли у кнопки атрибут disabled
// Если есть, выведите сообщение "Кнопка неактивна"
// Если нет, выведите сообщение "Кнопка активна"
const button = document.getElementById("saveButton");
const message = document.getElementById("message");

if (button.input__1("input__2")) {
  message.textContent = "Кнопка неактивна";
} else {
  message.textContent = "Кнопка активна";
  
  // Добавим обработчик события
  button.input__3("input__4", () => {
    message.textContent = "Данные сохранены!";
    button.input__5("input__6", "");
  });
}

// Получите значения атрибутов изображения и отобразите информацию о нем
const img = document.querySelector("img");
const infoDiv = document.getElementById("imageInfo");

const altText = img.input__1("input__2");
const category = img.input__3("input__4");
const level = img.getAttribute("data-level");

infoDiv.innerHTML = `
  <p><strong>Описание:</strong> ${input__5}</p>
  <p><strong>Категория:</strong> ${input__6}</p>
  <p><strong>Уровень:</strong> ${level}</p>
`;

// Отфильтруйте продукты по категории "electronics" при нажатии на кнопку
const products = document.input__1(".product");
const filteredContainer = document.getElementById("filteredProducts");
const filterButton = document.getElementById("filterButton");

filterButton.addEventListener("click", () => {
  // Очистим контейнер перед добавлением отфильтрованных продуктов
  filteredContainer.innerHTML = "<h2>Электроника:</h2>";
  
  products.forEach(product => {
    const category = product.input__2("input__3");
    
    if (input__4 === "input__5") {
      // Клонируем продукт и добавляем в отфильтрованный список
      const productClone = product.input__6(true);
      filteredContainer.input__7(productClone);
    }
  });
});

// Переключите состояние всех кнопок при нажатии на кнопку "Переключить все"
const toggleButtons = document.querySelectorAll(".toggle-button");
const toggleAllButton = document.getElementById("toggleAll");

// Инициализация состояний кнопок
toggleButtons.forEach(button => {
  const state = button.input__1("input__2");
  if (state === "disabled") {
    button.input__3("disabled", "");
    button.classList.add("disabled");
  } else {
    button.classList.add("enabled");
  }
});

toggleAllButton.addEventListener("click", () => {
  toggleButtons.forEach(button => {
    const currentState = button.getAttribute("data-state");
    
    if (currentState === "disabled") {
      button.input__4("input__5", "enabled");
      button.input__6("disabled");
      button.classList.remove("disabled");
      button.classList.add("enabled");
    } else {
      button.setAttribute("data-state", "disabled");
      button.setAttribute("disabled", "");
      button.classList.remove("enabled");
      button.classList.add("disabled");
    }
  });
});

// Выберите все ссылки, которые открываются в новом окне И имеют атрибут rel="nofollow"
const highlightButton = document.getElementById("highlightLinks");
const resultDiv = document.getElementById("result");

highlightButton.addEventListener("click", () => {
  // Выберите ссылки с обоими атрибутами
  const specialLinks = document.input__1('input__2');
  
  resultDiv.textContent = `Найдено ссылок: ${input__3.input__4}`;
  
  specialLinks.forEach(link => {
    link.style.input__5 = "red";
    link.style.input__6 = "bold";
    
    // Добавим информацию о том, что ссылка особая
    const href = link.input__7("input__8");
    link.setAttribute("data-special", "true");
    link.textContent += " (особая ссылка)";
  });
});

// Создайте новый элемент img с атрибутами и добавьте его в галерею
const gallery = document.getElementById("gallery");
const addButton = document.getElementById("addImage");

const imageUrls = [
  "https://naytikurs.ru/assets/uploads/2025/02/mashinnoe-obuchenie-dlya-nachinayushhih-700x700.png",
  "https://naytikurs.ru/assets/uploads/2025/01/java-1-700x525.png",
  "https://naytikurs.ru/assets/uploads/2025/02/dengi-slava-i-kod-gid-po-samym-goryachim-it-professiyam-2025-dlya-teh-kto-hochet-byt-na-volne-700x525.png"
];

let imageIndex = 0;

addButton.addEventListener("click", () => {
  if (imageIndex >= imageUrls.length) {
    imageIndex = 0; // Начинаем сначала, если изображения закончились
  }
  
  // Создаем новый элемент img
  const newImage = document.input__1("input__2");
  
  // Устанавливаем атрибуты
  newImage.input__3("input__4", imageUrls[imageIndex]);
  newImage.input__5("alt", `Изображение ${imageIndex + 1}`);
  newImage.input__6("data-index", imageIndex);
  
  // Устанавливаем стили через объект style
  newImage.style.input__7 = "200px";
  newImage.style.margin = "10px";
  newImage.style.cursor = "pointer";
  
  // Добавляем обработчик события
  newImage.addEventListener("click", function() {
    const index = this.getAttribute("data-index");
    alert(`Вы кликнули по изображению #${parseInt(index) + 1}`);
  });
  
  // Добавляем изображение в галерею
  gallery.input__8(newImage);
  
  imageIndex++;
});