Сергей delphinpro

(function () {
   const themeCheckBox = document.querySelector('#theme-toggle')
   const themeLabel = document.querySelector('.theme-toggle')

   themeLabel.addEventListener('click', () => {
-    localStorage.setItem('themeCheckBox', themeCheckBox.checked)
+    localStorage.setItem('themeCheckBox', themeCheckBox.checked ? '1' : '')
   })

-  themeCheckBox.checked = localStorage.getItem('themeCheckBox')
+  themeCheckBox.checked = !!localStorage.getItem('themeCheckBox')
})()

Вариант попроще

themeCheckBox.checked = localStorage.getItem('themeCheckBox')==='true'

https://stackoverflow.com/questions/3840600/javasc...

if ( currentUrl.replace(/^\/|\/$/g, '') === [rootUrl.replace(/^\/|\/$/g, ''), relativeUrl.replace(/^\/|\/$/g, '')].join('/') ){
}

Однако стоит учесть, что window.location.href может содержать query string и hash string.
Поэтому лучше преобразовать все адреса в URL (new URL(window.location.href)) и уже из этого объекта собирать URL domain + pathname.
Тогда и регулярки не понадобятся скорее всего.

Первое. Вы разве не видите предупреждение об ошибке:



Нажмите, вам покажут где она



Как видно, не хватает закрывающей скобки. Поставьте ее.

Второе.
Чтобы выбрать все кнопки, нужно использовать querySelectorAll, а у вас выборка прозводится методом querySelector.



Тоже исправьте.
И все заработает

Ошибок нет. Код должен работать правильно.
Скобки лишние, но в целом они не мешают.

UPD
Вообще можно упростить этот частный случай. По сути возвращается то, что уже в subtype, кроме случая с warning

{
  type: m.subType === 'warning' ? 'warn' : m.subType
}

А лучше вообще отказаться и использовать приходящее значение

{
  type: m.subType,
}

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

#summSlider {
  --slider-width: 100%;
}
#summSlider::after {
  width: var(--slider-width);
}

document.getElementById('summSlider').style.setProperty('--slider-width', '50%')

ваш код отрабатывает сразу

var xhr = new XMLHttpRequest()
var smileResourc = '';
xhr.open(...)
xhr.send()
xhr.onreadystatechange = ...

// Строки выше отработаны и сразу же начинается выполнение условий !!!
if (typeof smileResourc[smileID] !== "undefined") {
  return smileResourc[smileID];
} else {
  var error = 'ID was not found, check if the ID was entered correctly';
  console.log(error);
}

НО! запрос еще не завершён и переменная smileResourc не установлена. Запрос будет завершён позже.

А - Асинхронность.

Всю работу с этой переменной следует производить внутри коллбэка onreadystatechange.
Для передачи результата во вне тоже можно использовать свой коллбэк

function smileTXT(smileID, callback){
  // ...
  xhr.onreadystatechange = function() {
    if (xhr.readyState != 4) {
      return
    }
  
    if (xhr.status === 200) {
      smileResourc = JSON.parse(xhr.responseText);
      callback(smileResourc);
    } else {
      console.log('err', xhr.responseText)
    }
  }
}

smileTXT('smileID', function(smileResourc){
  console.log(smileResourc); // <- Вот он
  if (typeof smileResourc[smileID] !== "undefined") {
    // Что-то делаем с smileResourc[smileID];
  } else {
    var error = 'ID was not found, check if the ID was entered correctly';
    console.log(error);
  }
});

https://developer.mozilla.org/ru/docs/conflicting/...

Вот эта хренотень

switch (arrInput.every((x) => x === true)) {
            case true:
                btnSubmite.classList.add('valid-success')
                break
            default:
                btnSubmite.classList.remove('valid-success')
                break
        }

заменяется одной строкой

btnSubmite.classList.toggle('valid-success', arrInput.every((x) => x === true);

но условие срабатывает только на первом элементе,

ну так вам все элементы обходить нужно, а не только первый.

let items = document.querySelectorAll('.catalog__list>li');
items.forEach(item => {
  let sublist = item.querySelector('.catalog__sub-list');
  if (sublist) {
    item.classList.add('_arrow')
  }
});

function accum(str) {
    const letters = str.split('');
    let strings = [];
    for(let pos = 0; pos < letters.length; pos++) {
        let s = '';
        let letter = letters[pos].toLowerCase();
        for (let i = 0; i < pos; i++) {
            s += letter;
        }
        s = letter.toUpperCase() + s;
        strings.push(s);
    }
    return strings.join('-');
}

document.getElementById('div1').innerHTML = 'I am first div';
document.getElementById('div2').innerHTML = 'I am second div';