Как сделать сортировку HTML объектов в зависимости от чисел внутри элемента?

0xD34F, Извините меня но я пытаюсь понять всю картину целиком

Как сделать сортировку HTML объектов в зависимости от чисел внутри элемента?

А как по возрастанию сделать

Как сделать сортировку HTML объектов в зависимости от чисел внутри элемента?

v3shin, Можно по подробнее?

Как покрасить текст в зависимости от символа?

Вот что значит не внимательность. Спасибо за помощь

Как покрасить текст в зависимости от символа?

Алексей Ярков,

. plusDifference {
color: #369c38;
}
. minusDifference{
color: #c7291e;
}

Как покрасить текст в зависимости от символа?

Алексей Ярков, да

Как покрасить текст в зависимости от символа?

Вадим,

const MCITEMDIFFERENCE = document.querySelectorAll('.mc__span');

MCITEMDIFFERENCE.forEach((element)=>{
    if (element.innerHTML.startsWith("+")) {
        element.classList.add("plusDifference"));
    }
    if (element.innerHTML.startsWith("-") {
        element.classList.add("minusDifference");
    }
})

И вот что у меня получилось после всех раздумий но оно не работает

Как покрасить текст в зависимости от символа?

Вадим,

<div class="mc-block">
         <div class="mc-item">
                   <span class="mc__span">+10%</span>
         </div>
         <div class="mc-item">
                   <span class="mc__span">-10%</span>
         </div>
         <div class="mc-item">
                   <span class="mc__span">-10%</span>
         </div>
         <div class="mc-item">
                   <span class="mc__span">+10%</span>
         </div>
</div>

Надеюсь будет более понятно. Нужно чтобы текст в span в зависимости от + или - менялся цвет текста

Как сверстать блок внутри border чтобы сохранялся задний фон?

Спасибо что помгли

Как сверстать блок внутри border чтобы сохранялся задний фон?

Вадим, Я прежде чем писать вопрос на этом сайте пытаюсь найти ответ на других ресурсах, всячески переформулируя свой вопрос.

Как сверстать код в котором элементы имеют ромбовидную форму?

Если так сделать то внутреннее содержимое не перевернётся?

Как сверстать код в котором элементы имеют ромбовидную форму?

Вов друг это впечатляет спасибо

Как сделать круговую диаграмму?

Спасибо

Как сделать круговую диаграмму?

Можете сверстать примерную диаграмму. Я попробую разобраться исходя от вашего кода. А то изучать по вашей ссылке очень сложно для меня