Sortowanie divów HTML JS

Question

Cześć, chce zrobić na stronie sortowanie, ponieważ robię projekt sklepu i chcę umiescić sortowanie, np. od 100 do 200zł, ale zastanawiam się jak zaczac to pisać

Answer 1

Powiedzmy, że masz taką strukturę

<ul class="list-of-products">
    <li class="product-cost">120 zł</li>
    <li class="product-cost">90 zł</li>
    <li class="product-cost">422 zł</li>
    <li class="product-cost">192 zł</li>
</ul>

W Js pobierasz element ul i wszystkie "ceny" jego dzieci dodajesz do tablicy ( np przez textContent -> rzutuj te wartości na integera ).

Następnie dodajesz uchwyt na przycisk Sortuj i po kliknięciu w niego uruchamiasz funkcje sortującą, która dzięki funkcji z prototypu tablicy posortuje Ci wartości - sort js 

Następnie po posortowaniu tej tablicy możesz użyć funkcji - replaceChild - tyle. Miłego kodzenia :)

 

Jeden z przykładów, ile ludzi tyle rozwiązań.

Comments

dzięki za świetną wypowiedź, ja jednak wolałem użyc angulara, szybciej :D

---

No tak, ale używanie takiego framworka do takiej głupoty raczej nie ma sensu :P No chyba, że robisz całą stronę w ng :)

---

nie tylko do tego :D https://wojtekhorembala.github.io/