Вёрстка сайтов | HTML, CSS, JS

@supports

Эта css директива определяет поддерживает ли браузер те или иные возможности, и, если поддерживает, применяет к элементам заданные стили. Как Modernizr, но заточенный на проверку CSS-свойств.

/* Проверка одного условия */
@supports (display: flex) {
.module { display: flex; }
}

/* Проверка нескольких условий */
@supports (display: flex) and (-webkit-appearance: checkbox) {
.module { display: flex; }
}

#css | #полезности

👍6

1.2K views07:48

For...in

Читать 👨‍💻

#js | #теория

Telegraph

for...in

Кратко for...in позволяет пройти в цикле по перечисляемым свойствам объекта, в том числе по свойствам из прототипа. Перечисляемые свойства – это свойства, которые разработчик добавляет объекту. Встроенные свойства, например length у массива, не обходятся…

👍2

1.25K views07:05

Вёрстка сайтов | HTML, CSS, JS

Макет для тренировки (keychap)

Перейти к макету 🧑‍💻

#практика | #макет

👍1

1.15K views10:02

Вёрстка сайтов | HTML, CSS, JS

Задача: Управление списком студентов

У вас есть список студентов и их оценок по различным предметам. Вам нужно написать несколько функций, которые помогут управлять этим списком и анализировать данные.

Дано:
Список студентов представлен в виде массива объектов. Каждый объект содержит имя студента и его оценки по различным предметам. Например:

const students = [
  { name: "Alice", grades: { math: 85, english: 92, history: 78 } },
  { name: "Bob", grades: { math: 90, english: 80, history: 85 } },
  { name: "Charlie", grades: { math: 72, english: 88, history: 95 } },
  { name: "David", grades: { math: 95, english: 91, history: 89 } },
  { name: "Eva", grades: { math: 87, english: 94, history: 76 } },
];

Задание:

1. Функция `getAverageGrade(subject)`**: принимает название предмета (например, `"math"`) и возвращает среднюю оценку по этому предмету для всех студентов.

2. Функция `getTopStudent(subject)`**: принимает название предмета и возвращает имя студента с самой высокой оценкой по этому предмету.

3. Функция

 getStudentReport(studentName)`**: принимает имя студента и возвращает строку с его средними оценками по всем предметам в формате: `"Alice: math - 85, english - 92, history - 78".

Если студент не найден, функция должна вернуть строку "Student not found".

Пример выполнения:
иском студентов

У вас есть список студентов и их оценок по различным предметам. Вам нужно написать несколько функций, которые помогут управлять этим списком и анализировать данные.

Дополнительные условия:
- Постарайтесь сделать код чистым и читаемым.
- Используйте методы массивов, такие как map,Задача: УпЗадача: Упиадача: У

Эта задача помогает закрепить знания о работе с массивами и объектами, а также о методах работы с ними в JavaScript.

#домашка

👍2

1.13K viewsedited 07:10

Вёрстка сайтов | HTML, CSS, JS