Как сортировать массив от меньшего к большему и обратно?

Mdmitr, сортировка одного и того же массива каждый раз. Вот так логичнее:

<div id="sort"></div>
<button id="btn">Sort</button>
<script>
    const elemWithArr = document.getElementById('sort');
    const button = document.getElementById('btn');
    
    let array = [40, 100, 1, 5, 25, 10];
    elemWithArr.innerHTML = array;
	
    array = array.map(i => i + Math.floor(Math.random() * 100));
    const sign = ((array[0] > array[array.length - 1]) ? 1 : -1);
    array = array.sort((a, b) => (sign * (a - b)));

    const reverseArr = () => {
        array = array.reverse();
        elemWithArr.innerHTML = array;
    }

    button.addEventListener('click', reverseArr);
</script>

Как сортировать массив от меньшего к большему и обратно?

Mdmitr, вот так? Но вообще какой-то странный подход.

<div id="sort"></div>
<button id="btn">Sort</button>
<script>
    const sortArr = document.getElementById('sort');
    const sortBtn = document.getElementById('btn');

    const points = [40, 100, 1, 5, 25, 10];
    sortArr.innerHTML = points;
    const newArr = points.map(i => i + Math.floor(Math.random() * 100));

    const sortListArr = () => {
        const sign = ((newArr[0] > newArr[newArr.length - 1]) ? 1 : -1);
        sortArr.innerHTML = newArr.sort((a, b) => (sign * (a - b)));
    }

    sortBtn.addEventListener('click', sortListArr);
</script>

Как сортировать массив от меньшего к большему и обратно?

Mdmitr, приведите код, который вы запускаете

Как сортировать массив от меньшего к большему и обратно?

TAbrahamyan, вот так будет совсем правильно:

const sortListArr = () => {
    const sign = ((newArr[0] > newArr[newArr.length - 1]) ? 1 : -1);
    const sortedArr = [...newArr].sort((a, b) => (sign * (a - b)));
    return sortedArr;
}

Как сделать фильтр на Checkbox'ах?

CryNet, так а в чём проблема? У вас же наверняка есть компонент-коллекция, который в себе выводит карточки. Просто передайте ему массив с необходимыми карточками, стейт не нужен.

Каким образом можно отрефакторить такой код?

WarriorKodeK, замечательно, рад что помог

Каким образом можно отрефакторить такой код?

WarriorKodeK, в строчке

index += ((direction === LEFT) ? points.length : 1);

вместо единицы был ноль, попробуйте ещё раз.

Можно ли как-нибудь записать короче?

Сергей Соколов, да, конечно. Но из контекста мне показалось, что вряд ли там есть другие.

Почему не работает if else?

Вставьте код в тег <code lang="javascript"></code>

Как с помощью Javascript решить данную задачу?

max2020, а зачем вы удалил ваш вариант кода из вопроса?

Как с помощью Javascript решить данную задачу?

max2020, да, код действительно не работал. Я допустил неприятную ошибку, когда переписывал. Поправил, теперь работает.

Как масштабировать шрифты в web?

Алексей, я обновил ответ

Как заменить бекслеш на кавычку?

campus1, вам Дмитрий Дерепко правильно сказал, что один бэкслеш будет проигнорирован. Его надо игнорировать. Вы можете формализовать задачу?

Как работает событие обработчик в React?

kirillleogky, это грубо, но верно =)

Как работает событие обработчик в React?

kirillleogky, потому что это обычный HTML. В теге input атрибуту onclick надо присваивать JS код, который должен быть исполнен. Разные технологии, поэтому не удивительно, что правила использования тоже немного разные.

Как работает событие обработчик в React?

kirillleogky, смотрите. Вот момент инстанцирования компонента Square. В свойство onClick вы передаёте функцию () => this.handleClick(i).

renderSquare(i) {
    return (
      <Square
          value={this.state.squares[i]}
          onClick={() => this.handleClick(i)}
      />
    );
  }

Вот описание компонента Square. Вы создаёте компонент button, свойству onClick которого присваиваете значение свойства onClick компонента Square.

function Square(props) {
  return (
    <button
      className="square"
      onClick={props.onClick}
    >
      {props.value}
    </button>
  );
}

Если бы было написано onClick={props.onClick()}, то свойству компонента button был бы присвоен результат выполнения функции () => this.handleClick(i).

Когда произойдёт нажатие на кнопку, то вызовется функция, присвоенная свойству onClick компонента button, эта функция была передана в компонент Square в его свойстве onClick. Это разные, несвязанные свойства. Второе можно переименовать, назвав его так, как вам хочется.

Как реализовать алгоритм движения по спирали?

Karpion, я согласен с вами в том, что алгоритм должен быть универсальным. Но это только один фактор.

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

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

Почему появляются отступы вверху и внизу изображения?

Спасибо, что-то такое я и подозревал...

Почему появляются отступы вверху и внизу изображения?

Если честно, то непонятно, как на это влияет наличие или отсутствие margin'а и padding'а у родительского элемента. Почему в одном случае есть эти полоски, а в другом их нет?

Почему появляются отступы вверху и внизу изображения?

Кирилл Несмеянов, display: block; для картинки не меняет ничего