i1yas

.card {
  ...
  overflow: hidden;
  transition: background-color .2s;
  transition-delay: .1s;
}
.card__img {
  ...
  transition: box-shadow .2s;
  box-shadow: 0 0 0 0 #FF8A00;
}
.card:hover .card__img {
  box-shadow: 0 0 0 300px transparent;
}
.card:hover {
  background-color: #FF8A00;
}

У вас из API приходит не массив, а объект. Затем вы записываете его в state и пытаетесь вызвать у объекта .map, которого у него нет.
Смотрите что вам приходит из API и вставляйте в data, что нужно. Скорее всего вы хотели вытащить responseJson.photos

var idAttr = document.querySelector('.dropdown-menu').getAttribute('id'); // drop-down-fWxZUrR0-list
var id = idAttr.split('-')[2]; // fWxZUrR0

При отправке формы

У вас стоит стоит событие на ввод данных. Для отправки нужно использовать другие события.

var resultLike = likes.reduce(function (sum, current) {
  return sum += current;
}, 0);

В любом случае данная сумма должна высчитываться внутри обработчика события.

результат записывается в element.textContent.

Не знаю в какой DOM элемент вы пытаетесь писать textContent, но для инпута это не сработает.
Демо

onInput="checkLength(3,this)"
JSX - не html. Обработка событий в JSX. И вообще нужно почитать побольше про JSX.
Странное использование this, он не будет указывать куда надо, если так нужен DOM элемент, то нужно вытащить его из события:

<input id="txtF" type="number" onInput={e => checkLength(3, e.target)} />

В начале функции нужно проверять, не ушел ли n за пределы.

function showSlides(n) {
    var pos = document.getElementsByClassName("position");
    var isOutOfRange = n > pos.length || n < 1;
    if (isOutOfRange) return;
    ...

Вам нужно хранить состоние данного элемента, вопрос где. Компонент может принимать на вход пропс и коллбек onClick, либо компонент может внутри себя рулить состоянием и обрабаывать нажатие. Для первого вам понадобится либо родительский компонент с состоянием и функциями обработчиками, либо отдельное хранилище состояния. Вариант с внутренним хранением состояния проще (но не всегда подходит):

const Element = props => {
  const [styleEnabled, setStyle] = useState(false);

  return (
    <div
      className={`myDIV ${styleEnabled ? "mystyle" : ""}`}
      onClick={e => setStyle(!styleEnabled)}
    >
      Toggle me
    </div>
  );
};

Ссылка на песочницу

Не знаю зачем вы в console.log мутируете элемент

console.log($(target).parent().text($(target).val()));

Это происходит как раз по нажатию кнопки

return (sum + item.weight, 0);
У вас ошибка в reduce была, из-за этого всегда 0 возвращался. Стартовое значение надо передавать после функции обратного вызова. Это во-первых.

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

Это условие подходит под filter

const arrayWeight = myArray.filter(item => item.type !== 'car').reduce((sum, item) => {
	return sum + item.weight
}, 0);

Вот вызов функции, которая прокручивает слайдер вперед

<a class="next" onclick="plusSlides(1)">&#10095;</a>

Нужно передать его в setTimeout

timer=setTimeout(function() {
  plusSlides(1);
}, 2000);

Вообще setTimeout сработает один раз, если вы хотели чтобы прокрутка слайдера шла постоянно, то нужно использовать setInterval

timer=setInterval(function() {
  plusSlides(1);
}, 2000);

Потому что вызов функции makeCounter сохранен в переменную counter, которая уже потом многократно вызывается.
Перезапись переменной count была если бы функцию вызывали так

makeCounter()()
makeCounter()()
makeCounter()()

При клике добавляйте кнопке атрибут disabled
$('.main-header__search').attr('disabled', true);
При blur убирайте этот атрибут
$('.main-header__search').attr('disabled', false);

p.s. у вас поиск одинаковых селекторов по 2-3 раза повторяется, лучше их вынести в переменные, в начало скрипта. Это немного улучшит производительность, а главное улучшит читабельность кода

можно так

var simillarAds = [
  {
    'author': {
      'avatar': generateAvatarUrl(1)
    },

    'offer': {
      get address () {
        return this.location.x + ', ' + this.location.y;
      },
      'location': {
        'x': randomInteger(X_LOCATION_START, X_LOCATION_END),
        'y': randomInteger(Y_LOCATION_START, Y_LOCATION_END)
      }
    }
  }
];