Тигран Абрамян

https://learn.javascript.ru/map-set#set
[...new Set(a)]

$('body').html($('body').html().replace('test', '123'));

const readMore = document.getElementsByClassName("hide_sub")[0];

readMore.addEventListener("click", () => {
  if (readMore.textContent === "Читать полностью..") {
    readMore.textContent = "Скрыть";
  } else {
    readMore.textContent = "Читать полностью..";
  }
});

const age = person => {
  let amount;

  for (let i = 0; i < person.length; i++) {
    for (let j = i; j < person.length; j++) {
      if (person[i] > person[j]) {
        amount = person[i];
        person[i] = person[j];
        person[j] = amount;
      }
    }
  }

  return person;
}

const res = [3, 4, 2, 78, 0, 1];

console.log(age(res));

<div class="content-area">
  <h5 id="text">CONTENT AREA</h5>
  <button id="hideBtn">Скрыть текст</button>
</div>

.hide-and-show {
  display: none;
}

const btn = document.getElementById('hideBtn');

btn.addEventListener('click', function() {
  document.getElementById('text').classList.toggle('hide-and-show');
  if (btn.innerHTML === 'Показать текст') {
    btn.innerHTML = 'Скрыть текст';
  } else {
    btn.innerHTML = 'Показать текст';
  }
})

let position = 2;
class Step {
  constructor(pos) {
    this.step = pos;
  }

  run() {
    console.log(this.step += 1);
  }
}

const obj = new Step(position);
setInterval(obj.run.bind(obj), 1000);

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

const links = document.querySelectorAll('.navigation__link');

links.forEach(link => {
  const btn = document.createElement('button');
  btn.textContent = "BUTTON";

  link.appendChild(btn);
});

А что у вас там ошибка была в консоле показывает.

Не так.
if (item.cat = cat1) {

А так.
if (item.cat == cat1) {

const middleOfThree = (a, b, c) => (a + b + c) - (Math.min(a, b, c)) - (Math.max(a, b, c));
console.log(middleOfThree(5, 15, 20)) // 15

Все отлично работает

Либо так.

function user_name_is_valid(){
  let response = $.ajax({
    type: "POST",
    url: "/api/check_username",
    data: username,
    dataType: 'text',
    async: false
  }).status;

  if(response === 204){
    return false;
  } else if(response === 302){
    return true;
  }
}

setTImeout(function() {
  if (!user_name_is_valid()){
    alert("username is invalid!");
  }
}, 3000)

Либо так

const asyncVar = setTimeout(user_name_is_valid, 3000);

function user_name_is_valid() {
  let response = $.ajax({
    type: "POST",
    url: "/api/check_username",
    data: username,
    dataType: 'text',
    async: false
  }).status;

  if(response === 204){
    return false;
  } else if(response === 302){
    return true;
  }
}

if (!asyncVar){
  alert("username is invalid!");
}

Вообщем поиграйтесь.

Не правильно написан
this.removeListener('click', func);

Так правильней.
this.removeEventListener('click', func);

Потому что классов может быть много а айди должен быть уникальным и один.
В этом случае заметьте

let box = document.getElement s ByClassName('box-text1')[0];

Значит много.

Вот вписывая это.

let box = document.getElementsByClassName('box-text1')[0];

Вы обращаетесь как к массиву.

А у айди уберите и сработает

let box = document.getElementById('box-text1')[0];

Что это?

(function () {
  $('#modalThanks').modal('show');
}, 500);

Может так?

(function () {
  $('#modalThanks').modal('show');
})();

Или так.

setTimeout(function() {
  $('#modalThanks').modal('show');
}, 500);

var p = document.getElementsByClassName("step-form")[0];

https://www.w3schools.com/whatis/