EDeev/web-tech
1
0
Fork 0
mirror of https://github.com/EDeev/web-tech.git synced 2026-10-08 04:59:38 +03:00
Code Releases 1 Activity

Селекторы querySelector без esc()

Browse source 
esc() нужна только в HTML; в CSS-селекторах по data-dish она лишняя (значение атрибута
после разбора HTML уже исходное).
This commit is contained in:
Деев Егор Викторович 2026-10-02 21:44:45 +00:00
parent f37fee2693
commit c697e4cf4a
5 changed files with 17 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
labs/lab-06/menu.js
View file

@ -109,7 +109,7 @@ function selectDish(dish) {
if (previousDish) { if (previousDish) {
const previousCard = document.querySelector( const previousCard = document.querySelector(
`.dish-card[data-dish="${esc(previousDish.keyword)}"]` `.dish-card[data-dish="${previousDish.keyword}"]`
); );
if (previousCard) { if (previousCard) {
previousCard.classList.remove('selected'); previousCard.classList.remove('selected');
@ -119,7 +119,7 @@ function selectDish(dish) {
selectedDishes[dish.category] = dish; selectedDishes[dish.category] = dish;
const currentCard = document.querySelector( const currentCard = document.querySelector(
`.dish-card[data-dish="${esc(dish.keyword)}"]` `.dish-card[data-dish="${dish.keyword}"]`
); );
if (currentCard) { if (currentCard) {
currentCard.classList.add('selected'); currentCard.classList.add('selected');
@ -377,7 +377,7 @@ function restoreSelection() {
const dish = selectedDishes[category]; const dish = selectedDishes[category];
if (dish) { if (dish) {
const card = document.querySelector( const card = document.querySelector(
`.dish-card[data-dish="${esc(dish.keyword)}"]` `.dish-card[data-dish="${dish.keyword}"]`
); );
if (card) { if (card) {
card.classList.add('selected'); card.classList.add('selected');
@ -390,7 +390,7 @@ function resetSelection() {
Object.keys(selectedDishes).forEach(function(category) { Object.keys(selectedDishes).forEach(function(category) {
if (selectedDishes[category]) { if (selectedDishes[category]) {
const card = document.querySelector( const card = document.querySelector(
`.dish-card[data-dish="${esc(selectedDishes[category].keyword)}"]` `.dish-card[data-dish="${selectedDishes[category].keyword}"]`
); );
if (card) { if (card) {
card.classList.remove('selected'); card.classList.remove('selected');

8
labs/lab-07/menu.js
View file

@ -132,7 +132,7 @@ function selectDish(dish) {
if (previousDish) { if (previousDish) {
const previousCard = document.querySelector( const previousCard = document.querySelector(
`.dish-card[data-dish="${esc(previousDish.keyword)}"]` `.dish-card[data-dish="${previousDish.keyword}"]`
); );
if (previousCard) { if (previousCard) {
previousCard.classList.remove('selected'); previousCard.classList.remove('selected');
@ -142,7 +142,7 @@ function selectDish(dish) {
selectedDishes[dish.category] = dish; selectedDishes[dish.category] = dish;
const currentCard = document.querySelector( const currentCard = document.querySelector(
`.dish-card[data-dish="${esc(dish.keyword)}"]` `.dish-card[data-dish="${dish.keyword}"]`
); );
if (currentCard) { if (currentCard) {
currentCard.classList.add('selected'); currentCard.classList.add('selected');
@ -401,7 +401,7 @@ function restoreSelection() {
const dish = selectedDishes[category]; const dish = selectedDishes[category];
if (dish) { if (dish) {
const card = document.querySelector( const card = document.querySelector(
`.dish-card[data-dish="${esc(dish.keyword)}"]` `.dish-card[data-dish="${dish.keyword}"]`
); );
if (card) { if (card) {
card.classList.add('selected'); card.classList.add('selected');
@ -414,7 +414,7 @@ function resetSelection() {
Object.keys(selectedDishes).forEach(function(category) { Object.keys(selectedDishes).forEach(function(category) {
if (selectedDishes[category]) { if (selectedDishes[category]) {
const card = document.querySelector( const card = document.querySelector(
`.dish-card[data-dish="${esc(selectedDishes[category].keyword)}"]` `.dish-card[data-dish="${selectedDishes[category].keyword}"]`
); );
if (card) { if (card) {
card.classList.remove('selected'); card.classList.remove('selected');

6
labs/lab-08/js/menu.js
View file

@ -146,7 +146,7 @@ function selectDish(dish) {
if (previousDish) { if (previousDish) {
const previousCard = document.querySelector( const previousCard = document.querySelector(
`.dish-card[data-dish="${esc(previousDish.keyword)}"]` `.dish-card[data-dish="${previousDish.keyword}"]`
); );
if (previousCard) { if (previousCard) {
previousCard.classList.remove('selected'); previousCard.classList.remove('selected');
@ -156,7 +156,7 @@ function selectDish(dish) {
selectedDishes[dish.category] = dish; selectedDishes[dish.category] = dish;
const currentCard = document.querySelector( const currentCard = document.querySelector(
`.dish-card[data-dish="${esc(dish.keyword)}"]` `.dish-card[data-dish="${dish.keyword}"]`
); );
if (currentCard) { if (currentCard) {
currentCard.classList.add('selected'); currentCard.classList.add('selected');
@ -308,7 +308,7 @@ function restoreSelection() {
const dish = selectedDishes[category]; const dish = selectedDishes[category];
if (dish) { if (dish) {
const card = document.querySelector( const card = document.querySelector(
`.dish-card[data-dish="${esc(dish.keyword)}"]` `.dish-card[data-dish="${dish.keyword}"]`
); );
if (card) { if (card) {
card.classList.add('selected'); card.classList.add('selected');

6
labs/lab-09/js/menu.js
View file

@ -146,7 +146,7 @@ function selectDish(dish) {
if (previousDish) { if (previousDish) {
const previousCard = document.querySelector( const previousCard = document.querySelector(
`.dish-card[data-dish="${esc(previousDish.keyword)}"]` `.dish-card[data-dish="${previousDish.keyword}"]`
); );
if (previousCard) { if (previousCard) {
previousCard.classList.remove('selected'); previousCard.classList.remove('selected');
@ -156,7 +156,7 @@ function selectDish(dish) {
selectedDishes[dish.category] = dish; selectedDishes[dish.category] = dish;
const currentCard = document.querySelector( const currentCard = document.querySelector(
`.dish-card[data-dish="${esc(dish.keyword)}"]` `.dish-card[data-dish="${dish.keyword}"]`
); );
if (currentCard) { if (currentCard) {
currentCard.classList.add('selected'); currentCard.classList.add('selected');
@ -308,7 +308,7 @@ function restoreSelection() {
const dish = selectedDishes[category]; const dish = selectedDishes[category];
if (dish) { if (dish) {
const card = document.querySelector( const card = document.querySelector(
`.dish-card[data-dish="${esc(dish.keyword)}"]` `.dish-card[data-dish="${dish.keyword}"]`
); );
if (card) { if (card) {
card.classList.add('selected'); card.classList.add('selected');

6
labs/lab-10/js/menu.js
View file

@ -146,7 +146,7 @@ function selectDish(dish) {
if (previousDish) { if (previousDish) {
const previousCard = document.querySelector( const previousCard = document.querySelector(
`.dish-card[data-dish="${esc(previousDish.keyword)}"]` `.dish-card[data-dish="${previousDish.keyword}"]`
); );
if (previousCard) { if (previousCard) {
previousCard.classList.remove('selected'); previousCard.classList.remove('selected');
@ -156,7 +156,7 @@ function selectDish(dish) {
selectedDishes[dish.category] = dish; selectedDishes[dish.category] = dish;
const currentCard = document.querySelector( const currentCard = document.querySelector(
`.dish-card[data-dish="${esc(dish.keyword)}"]` `.dish-card[data-dish="${dish.keyword}"]`
); );
if (currentCard) { if (currentCard) {
currentCard.classList.add('selected'); currentCard.classList.add('selected');
@ -308,7 +308,7 @@ function restoreSelection() {
const dish = selectedDishes[category]; const dish = selectedDishes[category];
if (dish) { if (dish) {
const card = document.querySelector( const card = document.querySelector(
`.dish-card[data-dish="${esc(dish.keyword)}"]` `.dish-card[data-dish="${dish.keyword}"]`
); );
if (card) { if (card) {
card.classList.add('selected'); card.classList.add('selected');