JSFiddle - React, Tailwind, and code Playground

HTML

<div class="news">
    <div class="last_news">
            <h1>Заголовок4</h1>
            <p>Текст1</p>
    </div>
    <div class="last2_news">
            <h1>Заголовок2</h1>
            <p>Текст2</p>
    </div>
    <div class="last_news">
            <h1>Заголовок3</h1>
            <p>Текст3</p>
    </div>
</div>

JavaScript

var sortByNameBtn = document.getElementById('sortByName');
var sortByPriceBtn = document.getElementById('sortByPrice');

function sortingByName(){
  var items = document.querySelectorAll('.last_news');
  
}

function sortingByPrice(){
  var items = document.querySelectorAll('.last2_news');

}

sortByNameBtn.addEventListener('click', sortingByName);
sortByPriceBtn.addEventListener('click', sortingByPrice);