0xD34F

document.querySelector('.music-album').addEventListener('click', e => {
  const { target: t, currentTarget: ct } = e;
  const playButton = ct.querySelector('.play_button');
  const stopButton = ct.querySelector('.stop_button');
  const state =
    playButton.contains(t) ?  true :
    stopButton.contains(t) ? false :
                              null;
  if (state !== null) {
    ct.querySelector('audio')[state ? 'play' : 'pause']();
    playButton.style.display = state ? 'none' : 'block';
    stopButton.style.display = state ? 'block' : 'none';
  }
});

any(n in strr for n in alphabet)

document.querySelectorAll('.container').forEach(n => {
  const slider = new Swiper(n.querySelector('.product-slider'), {
    navigation: {
      nextEl: n.querySelector('.swiper-button-next'),
      prevEl: n.querySelector('.swiper-button-prev'),
    },
    spaceBetween: 10,
  });

  const thumbs = new Swiper(n.querySelector('.product-thumbs'), {
    spaceBetween: 5,
    centeredSlides: true,
    slidesPerView: 4,
    touchRatio: 0.2,
    slideToClickedSlide: true,
    direction: 'vertical',
  });

  slider.controller.control = thumbs;
  thumbs.controller.control = slider;
});

Рекурсия есть:

const sum = data =>
  (data instanceof Array ? data : [ data ]).reduce((acc, n) => {
    return acc + n.value + sum(n.children || []);
  }, 0);


const valueSum = sum(valueList);

Рекурсии нет:

function sum(data) {
  let result = 0;

  for (const stack = [].concat(data); stack.length;) {
    const { value, children: c } = stack.pop();
    stack.push(...(Array.isArray(c) ? c : []));
    result += value;
  }

  return result;
}

list($p1, $p2) = array_slice(explode('/', $str), -2);

были некоторые идеи с маской, но я не знаю как правильно ее реализовать

Это хорошо, что вы знаете про маски. Осталось погуглить, что такое xor.

12 * (год2 - год1) + месяц2 - месяц1 + 1

<div v-if="$route.name !== 'signup'">hello, world!!</div>

или

<div v-if="$route.path !== '/signup'">hello, world!!</div>

Есть разные варианты не отображать подписи:

1. Запретить отображение отметок на осях:
   
   

   options: {
     scales: {
       xAxes: [ {
         ticks: {
           display: false,

   
   
2. Указать в labels пустые строки:
   
   

   data: {
     labels: [ '', '', '', ... ],

   
   
3. Сделать размер шрифта нулевым:
   
   

   options: {
     scales: {
       xAxes: [ {
         ticks: {
           fontSize: 0,

   
   
4. Сделать текст прозрачным:
   
   

   options: {
     scales: {
       xAxes: [ {
         ticks: {
           fontColor: 'transparent',

   
   

Если надо динамически убирать/показывать подписи, то добавляете обработчик resize:

options: {
  onResize(chart, size) {
    // изменяете в зависимости от размеров одну из перечисленных
    // выше настроек (display, labels, fontSize, fontColor), например:
    chart.options.scales.xAxes[0].ticks.display = size.width >= 500;

    // обновляете график
    chart.update();
  },

https://jsfiddle.net/7hkfpqz3/2/

$('.wr').on('input', 'input', function() {
  const
    $this = $(this),
    val = $this.val(),
    $link = $this.closest('.item').find('.link-a');

  $link.toggleClass('success', /* здесь проверяете, что val какой надо */);
});

.hidden {
  display: none;
}

const searchInput = document.querySelector('#txtsearchinput');
const clearButton = document.querySelector('#deltxtinput');

clearButton.addEventListener('click', function() {
  searchInput.value = '';
  searchInput.dispatchEvent(new Event('input'));
});

searchInput.addEventListener('input', function() {
  clearButton.classList.toggle('hidden', !this.value);
});

beforeShow меняйте на afterShow

Чтобы различать фильтры, добавьте им атрибуты с именами.

Значения в фильтруемом списке - вместо классов разнесите их по отдельным атрибутам, имена которых будут соответствовать именам фильтров.

Клик по пункту в каком-либо фильтре - отмечаете его как активный (добавлением класса, например), получаете значения всех активных фильтров, обходите список и прячете те элементы, где есть несовпадения данных со значениями фильтров.

https://jsfiddle.net/58mp1rax/

https://jsfiddle.net/5qxvyofp/

Забыли:

ReactDOM.render(
  <News data={myNews} />,
  document.querySelector('#root')
);

Элементам, клик на которые должен изменять цвет, добавляете какой-нибудь класс, при клике проверяете наличие этого класса, если есть - меняете цвет:

document.addEventListener('click', ({ target: t }) => {
  if (t.classList.contains('xxx')) {
    currColor.style.backgroundColor = t.nextElementSibling.textContent;
  }

  // или

  if (t.matches('.xxx')) {
    currColor.style.backgroundColor = getComputedStyle(t).backgroundColor;
  }
});

const findMin = obj =>
  (obj.children || []).reduce((min, n) => (
    n = findMin(n),
    min.value < n.value ? min : n
  ), obj);

Не нужны тут никакие регулярки: str.split('.', 2).join('.').

Но если очень хочется, то:

(str.match(/^.+?\.[^.]+/) || [ str ])[0]
// или
str.replace(/(?<=\..*)\..*/, '')
// или
str.replace(/([^\.]+\.[^\.]+)\..*/, '$1')

[
  [ 55.03606, 82.91325 ],
  [ 55.03262, 82.91059 ],
  [ 55.03114, 82.90941 ],
].forEach(n => {
  DG.marker(n, { icon: myIcon })
    .addTo(map)
    .bindPopup(n.join(', '))
    .on('click', onMarkerClick);
});

function onMarkerClick(e) {
  console.log(e.target.getLatLng());
}