From c697e4cf4a84c8747d22b449efe96f934b67e455 Mon Sep 17 00:00:00 2001 From: Egor Deev Date: Fri, 2 Oct 2026 21:44:45 +0000 Subject: [PATCH] =?UTF-8?q?=D0=A1=D0=B5=D0=BB=D0=B5=D0=BA=D1=82=D0=BE?= =?UTF-8?q?=D1=80=D1=8B=20querySelector=20=D0=B1=D0=B5=D0=B7=20esc()?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit esc() нужна только в HTML; в CSS-селекторах по data-dish она лишняя (значение атрибута после разбора HTML уже исходное). --- labs/lab-06/menu.js | 8 ++++---- labs/lab-07/menu.js | 8 ++++---- labs/lab-08/js/menu.js | 6 +++--- labs/lab-09/js/menu.js | 6 +++--- labs/lab-10/js/menu.js | 6 +++--- 5 files changed, 17 insertions(+), 17 deletions(-) diff --git a/labs/lab-06/menu.js b/labs/lab-06/menu.js index f30bde4..ad72bc5 100644 --- a/labs/lab-06/menu.js +++ b/labs/lab-06/menu.js @@ -109,7 +109,7 @@ function selectDish(dish) { if (previousDish) { const previousCard = document.querySelector( - `.dish-card[data-dish="${esc(previousDish.keyword)}"]` + `.dish-card[data-dish="${previousDish.keyword}"]` ); if (previousCard) { previousCard.classList.remove('selected'); @@ -119,7 +119,7 @@ function selectDish(dish) { selectedDishes[dish.category] = dish; const currentCard = document.querySelector( - `.dish-card[data-dish="${esc(dish.keyword)}"]` + `.dish-card[data-dish="${dish.keyword}"]` ); if (currentCard) { currentCard.classList.add('selected'); @@ -377,7 +377,7 @@ function restoreSelection() { const dish = selectedDishes[category]; if (dish) { const card = document.querySelector( - `.dish-card[data-dish="${esc(dish.keyword)}"]` + `.dish-card[data-dish="${dish.keyword}"]` ); if (card) { card.classList.add('selected'); @@ -390,7 +390,7 @@ function resetSelection() { Object.keys(selectedDishes).forEach(function(category) { if (selectedDishes[category]) { const card = document.querySelector( - `.dish-card[data-dish="${esc(selectedDishes[category].keyword)}"]` + `.dish-card[data-dish="${selectedDishes[category].keyword}"]` ); if (card) { card.classList.remove('selected'); diff --git a/labs/lab-07/menu.js b/labs/lab-07/menu.js index 6771e89..d4ad99c 100644 --- a/labs/lab-07/menu.js +++ b/labs/lab-07/menu.js @@ -132,7 +132,7 @@ function selectDish(dish) { if (previousDish) { const previousCard = document.querySelector( - `.dish-card[data-dish="${esc(previousDish.keyword)}"]` + `.dish-card[data-dish="${previousDish.keyword}"]` ); if (previousCard) { previousCard.classList.remove('selected'); @@ -142,7 +142,7 @@ function selectDish(dish) { selectedDishes[dish.category] = dish; const currentCard = document.querySelector( - `.dish-card[data-dish="${esc(dish.keyword)}"]` + `.dish-card[data-dish="${dish.keyword}"]` ); if (currentCard) { currentCard.classList.add('selected'); @@ -401,7 +401,7 @@ function restoreSelection() { const dish = selectedDishes[category]; if (dish) { const card = document.querySelector( - `.dish-card[data-dish="${esc(dish.keyword)}"]` + `.dish-card[data-dish="${dish.keyword}"]` ); if (card) { card.classList.add('selected'); @@ -414,7 +414,7 @@ function resetSelection() { Object.keys(selectedDishes).forEach(function(category) { if (selectedDishes[category]) { const card = document.querySelector( - `.dish-card[data-dish="${esc(selectedDishes[category].keyword)}"]` + `.dish-card[data-dish="${selectedDishes[category].keyword}"]` ); if (card) { card.classList.remove('selected'); diff --git a/labs/lab-08/js/menu.js b/labs/lab-08/js/menu.js index de45037..0a0877a 100644 --- a/labs/lab-08/js/menu.js +++ b/labs/lab-08/js/menu.js @@ -146,7 +146,7 @@ function selectDish(dish) { if (previousDish) { const previousCard = document.querySelector( - `.dish-card[data-dish="${esc(previousDish.keyword)}"]` + `.dish-card[data-dish="${previousDish.keyword}"]` ); if (previousCard) { previousCard.classList.remove('selected'); @@ -156,7 +156,7 @@ function selectDish(dish) { selectedDishes[dish.category] = dish; const currentCard = document.querySelector( - `.dish-card[data-dish="${esc(dish.keyword)}"]` + `.dish-card[data-dish="${dish.keyword}"]` ); if (currentCard) { currentCard.classList.add('selected'); @@ -308,7 +308,7 @@ function restoreSelection() { const dish = selectedDishes[category]; if (dish) { const card = document.querySelector( - `.dish-card[data-dish="${esc(dish.keyword)}"]` + `.dish-card[data-dish="${dish.keyword}"]` ); if (card) { card.classList.add('selected'); diff --git a/labs/lab-09/js/menu.js b/labs/lab-09/js/menu.js index de45037..0a0877a 100644 --- a/labs/lab-09/js/menu.js +++ b/labs/lab-09/js/menu.js @@ -146,7 +146,7 @@ function selectDish(dish) { if (previousDish) { const previousCard = document.querySelector( - `.dish-card[data-dish="${esc(previousDish.keyword)}"]` + `.dish-card[data-dish="${previousDish.keyword}"]` ); if (previousCard) { previousCard.classList.remove('selected'); @@ -156,7 +156,7 @@ function selectDish(dish) { selectedDishes[dish.category] = dish; const currentCard = document.querySelector( - `.dish-card[data-dish="${esc(dish.keyword)}"]` + `.dish-card[data-dish="${dish.keyword}"]` ); if (currentCard) { currentCard.classList.add('selected'); @@ -308,7 +308,7 @@ function restoreSelection() { const dish = selectedDishes[category]; if (dish) { const card = document.querySelector( - `.dish-card[data-dish="${esc(dish.keyword)}"]` + `.dish-card[data-dish="${dish.keyword}"]` ); if (card) { card.classList.add('selected'); diff --git a/labs/lab-10/js/menu.js b/labs/lab-10/js/menu.js index de45037..0a0877a 100644 --- a/labs/lab-10/js/menu.js +++ b/labs/lab-10/js/menu.js @@ -146,7 +146,7 @@ function selectDish(dish) { if (previousDish) { const previousCard = document.querySelector( - `.dish-card[data-dish="${esc(previousDish.keyword)}"]` + `.dish-card[data-dish="${previousDish.keyword}"]` ); if (previousCard) { previousCard.classList.remove('selected'); @@ -156,7 +156,7 @@ function selectDish(dish) { selectedDishes[dish.category] = dish; const currentCard = document.querySelector( - `.dish-card[data-dish="${esc(dish.keyword)}"]` + `.dish-card[data-dish="${dish.keyword}"]` ); if (currentCard) { currentCard.classList.add('selected'); @@ -308,7 +308,7 @@ function restoreSelection() { const dish = selectedDishes[category]; if (dish) { const card = document.querySelector( - `.dish-card[data-dish="${esc(dish.keyword)}"]` + `.dish-card[data-dish="${dish.keyword}"]` ); if (card) { card.classList.add('selected');