Сергей delphinpro

На компе можно просто держать консоль открытой (не забыть там включить галочку Disable cache, которая на вкладке Network)
На телефоне можно открывать страницу в приватной вкладке, правда после изменений вкладку придется переоткрывать.

А можно каждый раз менять URL загружаемых ресурсов, добавляя рандомный параметр

<link href="styles.css?random_string">
В php
<link href="styles.css?<?=time()?>">

Можно менять параметр только если файл изменился.

<link href="styles.css?<?=md5_file(путь_к_файлу/styles.css)?>">
<link href="styles.css?<?=filemtime(путь_к_файлу/styles.css)?>">

const checkBoxses = document.querySelectorAll('.check_item');
const btnChek = document.querySelector('button.usersnew_form_delete2');

btnChek.addEventListener('click', () => {
  const allChecked = [...checkBoxses].every(cb=>cb.checked);
  checkBoxses.forEach(elem => elem.checked = !allChecked);
});

У любого уважающего себя слайдера есть событие смены слайда, и в нем обычно можно получить индекс активного слайда. Будем плясать от этого.
Точки не обязательно смещать. Нужно просто разместить их по центру и прятать лишние. Таким образом активная точка всегда будет видна, и даже по центру (если не вначале/конце списка).

Вот, я накидал пример, как оно может быть реализовано.
Я не стал реальный слайдер вставлять, просто показал принцип. Функция update() – это как раз обработчик события смены слайда. Переменная visible - то, сколько точек вы хотите сделать видимыми.

window.settings1 = {}

let varName = 'settings1';
console.log(
  window[varName]
);

"Не все так просто". Как пафосно.

А на деле всего лишь реализовать изъезженную штуку. Click outside называется. Закрытие селекта при клике вне его.
Гуглить по фразе javascript click outside, ответов - тысячи.

UPD

function sum(num1, num2, callback) {
    let res = num1 + num2;
    let returnParam = callback(res);
    console.log(returnParam);
}

sum(1, 3, function(result){
    console.log(result);
    return 'data for returnParam';
})

в javascript не предусмотрена такая запись сравнения. В сравнении участвую только два операнда. В первом случае у нас две операции сравнения и они будут выполнены в порядке очередности. То есть скобки будут такие (604.5 < -597.5) < 512.5

604.5 < -597.5 < 512.5
(604.5 < -597.5) < 512.5
false < 512.5 // тут приведение типа bool к int
0 < 512.5
true

Во втором случае приоритет операторов немного иной. Сначала выполняются сравнения, потом логическое И.

604.5 < -597.5 && -597.5 < 512.5
(604.5 < -597.5) && (-597.5 < 512.5)
false && true
false

Вам нужно освежить знания по темам: операции сравнения, логические операции, неявное приведение типов, приоритет операторов.

https://getbootstrap.com/docs/5.2/components/navs-...
на селекте слушать onchage, а там уже триггерить нужный таб, в зависимости от выбранной опции

if (value.error) {

}

а вообще лучше сделать так, чтобы ошибка до сюда не доходила. Централизованно где-то выше, при получении данных, отсекать ошибку и показывать уведомление.

.products__item {
  opacity: 1;
  transition: opacity 0.3s ease;
}
.products__item.inactive {
  opacity: 0.5;
}

Да забудьте вы уже про resize!
Есть же matchMedia. Сделайте два медиавыражения
(min-width: 1024px)
(max-width: 1023px)
В одном инициализируйте плагин, в другом удаляйте. Обработчик matchMedia вызывается один раз при срабатывании медиа-выражения, а не на каждый чих, как resize, проблем не будет.

Где-то основном скрипте

import {Activity} from "../Android.js";
window.Activity = new Activity();

Потом в любом месте

<script type="module">
   Activity.startActivity(...);
</script>

Вообще это лишнее телодвижение. Такой кейс использования возникает только у разработчика при тестировании. Никто не будет уменьшать и увеличивать размер браузера во время просмотра. Не говоря уже про мобильные, где увеличить экран в принципе не получится.

Но сделать можно. Стиль видимости применить только на мелких экранах.

.menu {
  display: none;
}

@media (max-width: 600px) {
  .menu.open {
    display: block;
  }
}

obj - это объект.
К полям объекта можно обращаться через точку или квадратные скобки

например

const obj = { prop: 123 }

// Это два одинаковых выражения
obj.prop // 123
obj['prop'] // 123

Строка 'prop' тоже может быть переменной

const obj = { prop: 123 }
const name = 'prop';
obj[name] // 123

Круглые скобки - это вызов функции.
Функция может содержаться в переменной

const my_func = function() {}
// чтобы ее вызвать
my_func();

И все это может комбинироваться.
Функция может быть частью объекта

const obj = {
  my_func: function(){}
}

Может передаваться в объект через переменную

const my_other_func = function() {}
const obj = {
  my_func: my_other_func
}

И может быть вызвана
при обращении к свойству объекта через точку
obj.my_func()
при обращении к свойству объекта через квадратные скобки

obj['my_func']()
// или
const name = 'my_func';
obj[name]()

Как минимум, в коде не видно подключения jquery

https://codepen.io/delphinpro/pen/bGjpKWY
https://codepen.io/delphinpro/pen/BEZgwR

Можно просто использовать переменную в замыкании

document.querySelectorAll('.button').forEach(button => {
  button.addEventListener('click', () => {
     button.toggleClass('active');
  });
});

Ну или референс из события

document.querySelectorAll('.button').forEach(button => {
  button.addEventListener('click', event => {
     event.target.toggleClass('active');
     // Или так, если есть вложенные элементы
     // event.target.closest('.button').toggleClass('active');
  });
});