test-cats

let counter = 0; вынести в самое начало обработчика клика, иначе ты каждый раз в цикле делаешь новый счетчик = 0, console.log вынести в конец обработчика, иначе опять же в цикле много раз выводишь

a.push(Math.round(Math.random(1, 100)))

`${a.slice(0, 5)},<strong>${a.slice(5, 7)}</strong>`

let out = document.querySelector('.out');

let a = ['Понедельник', 'Вторник', 'Среда', 'Четверг', 'Пятница', 'Суббота', 'Воскресенье'];

out.innerHTML = a.reduce((acc, curr, index) => acc += index > 4 ? `<strong>${curr}</strong>` : curr)

let arr = [10, 20, 30, 50, 235, 3000];
console.log(arr.filter(num => ['1','2','5'].includes(num.toString()[0])));

Вот такая колбаса вернёт массив, где только «правильные» числа:

[10, 20, 30, 50, 235, 3000].filter(n => !!~[1,2,5].indexOf(+n.toString()[0]))
// результат  [ 10, 20, 50, 235 ]

Вывод на экран пилите самостоятельно.

Метод массива filter() оставит только те элементы, для которых функция внутри вернёт true. Функция аргумент (в скобках) применяется по очереди к каждому элементу массива (числу).
Переводит число в строку, забирает первй символ (первую цифру) и переводит опять в число (оператор +).
indexOf() ищет полученную первую цифру в массиве допустимых: 1, 2, 5 и возврашает его индекс (0, 1 или 2) или -1, если не найдено.
Битовое инвертирование ~ из -1 сделает 0. А из любого другого числа (из 0, 1 или 2) – сделает ненулевое число. Два !! это два булевых оператора отрицания. Из аргумента делают true или false. Из 0 получится false, из любого другого true. Таким образом связка !!~ и indexOf() даёт ответ на вопрос найден или не найден?

Вы все равно будете адаптировать макет под все устройства, если придерживаться классическому методу, то начинать надо с максимального - 1920x1080, если Mobile First - то 320x586, в Фигме просто потом можно скинуть ссылку на прототип, и поставить параметр Width - Scale down to fit width (см. скрин.)
Тогда, независимо от разрешения экрана, у клиента, макет будет масштабироваться под его экран.

function tabs(selector) {
  const tab = document.querySelector(selector);
  const tabNav = tab.querySelectorAll('.tabs-nav__item');
  const tabContent = tab.querySelectorAll('.tab');
  
  tab.addEventListener('click', selectTabNav);

  function selectTabNav(event) {
    const tabName = event.target.dataset.tabName;
    if (!tabName) return;
 
    tabNav.forEach(item => item.classList.remove('is-active'));
    event.target.classList.add('is-active');

    tabContent.forEach(item => {
      item.classList.contains(tabName) ?
      	item.classList.add('is-active') :
        item.classList.remove('is-active');
    });
  }
}

tabs('#tabs-1');
tabs('#tabs-2');

<div class="wrapper">
  <div id="tabs-1" class="tabs">
  <!-- ... -->
  </div>

  <div id="tabs-2" class="tabs">
  <!-- ... -->
  </div>
</div>

ul {
display:flex;
flex-wrap:wrap;
}

https://jsfiddle.net/slippyk/oqd7tafu/

WordPress автоматиически проставляет класс current-menu-ancestor. Подробнее. Используйте его чтобы не скрывать подменю.
Примерно так:

.current-menu-ancestor ul {
    display: block !important;
}

Столкнулся сегодня с Bootstrap, вот ваш случай с классами оного фреймворка. Не плодите больше, пожалуйста, этот вопрос одинаковый.

Микроразметка (семантическая разметка) Schema.org

Привет! Вот инфа - https://developers.google.com/search/docs/guides/s...
Проще всего, не размечать html а делать через json-ld
Это про блок справа.
А вот слева, это расширенный сниппет, и он генериться автоматом

Storage/setItem#Return_value

ничего не возвращаешь

function t3() {
    return a3.map(function (item) {
        return parseFloat(item);
    }).filter(i => !isNaN(i))
}

.map вернет или число или NaN, .filter уберет NaN и прочую нечисть, оставя только числа

если сделать так как вы хотите то вот так

let a7 = [[1, 2], [3, 4], [5, 6]];

      function t7() {
        var arr = [];
        for (let key in a7) {
          arr.push(...a7[key]);
        }
        console.log(arr);
      }

нно лучше сделать как предложил Равиль Туйчин