Иван Симонов

Что не так делаю?

Ну, очевидно же - дёргаете сразу все блоки. А надо только тот, по которому кликнули. Для этого его надо как-то запомнить:

let uploadTo = null;

$('.file-upload-preview').click(function() {
  uploadTo = this;
  $('#file-upload').click();
});

Соответственно, внутри обработчика change заменяете $(".file-upload-preview") на $(uploadTo).

Добавьте параметр - селектор корневого элемента слайдера (или сам элемент). Поиск слайдов и кнопок выполняйте не по всему документу, а внутри корневого элемента.

function simpleSlider(element) {
  const root = typeof element === 'string'
    ? document.querySelector(element)
    : element;

  const items = root.querySelectorAll('.slider__item');
  const prev = root.querySelector('.slider__btn-prev');
  const next = root.querySelector('.slider__btn-next');

  let index = 0;

  function slideTo(newIndex) {
    items[index].classList.remove('slider__item--active');
    index = (newIndex + items.length) % items.length;
    items[index].classList.add('slider__item--active');
  }

  prev.addEventListener('click', () => slideTo(index - 1));
  next.addEventListener('click', () => slideTo(index + 1));
}

simpleSlider('#slider1');
simpleSlider(document.querySelector('#slider2'));

const blockSelector = '.block';
const buttonSelector = '[data-class]';
const activeClass = 'active';

const blocks = document.querySelectorAll(blockSelector);
const buttons = [...document.querySelectorAll(buttonSelector)];
const classes = buttons.map(n => n.dataset.class);

document.body.addEventListener('click', e => {
  const button = e.target.closest(buttonSelector);
  if (button) {
    blocks.forEach(n => {
      n.classList.remove(...classes);
      n.classList.add(button.dataset.class);
    });

    buttons.forEach(n => n.classList.toggle(activeClass, n === button));
  }
});

1. При клике пройтись циклом, и удалить все классы 'active'.
2. Добавить класс 'active' елементу по которому кликнули.

https://jsfiddle.net/8wLu08ce/8/

Вот правда немного изменил html:
https://jsfiddle.net/8wLu08ce/9/

Можно добавить
const childeLen = parent.childeNodes.length;
let countClick = 0;
При каждом нажатии на блок делать countClick++ и сравнивать с childeLen если они равны то это был последний блок.

Так пойдет? https://jsfiddle.net/r2ywr607/1/

Не совсем понятно что вы хотите сделать, ориентируюсь на вот этот похожий вопрос
Как Radio элементом выключить Input text на JavaScript?

Вероятно где-то домашку задали.

Конечно div создается вы его сами добавляете туда, в этом месте:

var containerScriptToHead = document.createElement('div');
containerScriptToHead.id = 'containerScriptToHead';					
head.appendChild(containerScriptToHead);

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

Так:

$(document).on('click', '[data-slide-to]', function() {
  $(this).closest('.carousel').carousel(+this.dataset.slideTo);
});

??

for(let i = 1; i <= 11; i += 2) {
    console.log(`${i} ${"#".repeat(i)}`);
}

Потому что
str += symbolHash;
Вы же не изменяете количество добавляемых символов.

В jquery используется подход chaining. Смысл заключается в том, что после присвоения какому либо элементу высоты, jquery возвращает этот элемент представляя возможность дальнейшей манипуляции с ним, например:

$('div').height(200).css({
    	      border: '1px solid #000',
    	      backgroundColor: 'green'
        });

таким образом мы сначала задали div высоту 200, а после изменили его бордер и бэкграунд. Если бы jquery не возвращало объект такая цепочка была бы невозможна.

Почему бы просто не сделать так =)

var blockContentTextHeight = blockPictHeight - (blockContentDescHeight + blockContentSubtextHeight)
$('.block-content-text').height( blockContentTextHeight );

ну или так

var blockContentTextHeight = $('.block-content-text').height(blockPictHeight - (blockContentDescHeight + blockContentSubtextHeight) ).height();

  console.log(typeof blockContentTextHeight);

В документации так и указано, что при height со значением возвращается объект jQuery api.jquery.com/height/#height2

Потому что после перезагрузки в localStorage уже лежит mainContent === 'shown', setTimeout не отрабатывает, блоки спрятаны

import './style.css';

const timeout = 5000,
      content = document.querySelectorAll('div.main-content');

if (localStorage.getItem('mainContent') !== 'shown') {
  setTimeout(() => {
    content.forEach(i => i.classList.add('shown'));

    localStorage.setItem('mainContent', 'shown');
  }, timeout);
} else {
  content.forEach(i => i.classList.add('shown'));
}

div.main-content {
  display: none;
}

div.main-content.shown {
  display: block;
}

<div class="main-content">1</div>
<div class="main-content">2</div>
<div class="main-content">3</div>

Можно проверить на NaN функцией isNaN().

В вашем случае будет как-то так: https://jsfiddle.net/jovomtuz/8/

Похоже, что вас интересуют шаблонизаторы. Они разные есть, и на js в том числе.
mustache, handlebarsjs и десятки других.

Поддержу Максим
Если устраиваться fulltime в офис - то только Москва.
Да, аренда дороже, квартира с приличным ремонтом в паре минут от метро будет стоить ~30-35, но карьерный рост достаточно быстр и даже если Вы просядете в деньгах в первые полгода, потом это все окупится.

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

Я например люблю вкусно пожрать.
В моем родном городе мест где вкусно кормят штук 5 - ходить в них по кругу надоедает крайне быстро.
В МСК они открываются и закрываются быстрее чем я успеваю в них ходить :)

Театры, кино, выставки, профильные конференции итд - всего море.

Можно вместо

$('#selectId option[value="' + selected + '"]').prop('selected', true);

добавить

$('#selectId option').prop('selected', false);
$('#selectId').multiselect('select', selected);
$('#selectId').multiselect('refresh');

function carouselHideIndicators() {
		var carouselCardProduct = $('.carousel-inner .item');
    if(carouselCardProduct.length < 2){
    	$('.carousel-indicators').hide();
    }else{
    	$('.carousel-indicators').show();
    }
	}
  $(function() {
  carouselHideIndicators();
  });