How to highlight the current day of the week?

Question

JavaScript

The site has the days of the week.

It is necessary to make the active day of the week. For example, if today is Monday, for example, red should be Monday. If it's Tuesday then it must be Tuesday, and so on.

Answer 1

// Создать массив дней
const days = ['Понедельник', 'Вторник'] // и т.п.

// Получить индекс дня недели
const cuttentDayIndex = new Date().getDay();

// Получить из массива название дня недели по индексу.
// Но т.к. дни недели в getDay начинаются с 1, то вторник будет 2, а раз массивы считаются с 0, то вычитаем - 1
const currentDay = days[cuttentDayIndex - 1];

For vue something like this:

<template>
<ul>
  <li :class="{ active:  currentDay === 'Понедельник'}">Понедельник</li>
  <li :class="{ active:  currentDay === 'Вторник'}">Вторник</li>
</ul>
</template>

<script>
data: () => ({
  days: ['Понедельник', 'Вторник'] // и т.п.
}),
computed: {
  currentDay () {
    const cuttentDayIndex = new Date().getDay();

    return this.days[cuttentDayIndex  - 1]
  }
}
</script>