JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="UTF-8">
    <title>Document</title>
  </head>

  <body>
    <div class="grid-container case-page-image">
      <div class="grid utility-model">Пример utility-model</div>
      <div class="grid industrial-design">Пример industrial-design</div>
      <div class="grid copyright">Пример copyright</div>
      <div class="grid industrial-design">Пример industrial-design</div>
      <div class="grid invention">Пример invention</div>
      <div class="grid copyright">Пример copyright</div>
      <div class="grid utility-model">Пример utility-model</div>
      <div class="grid industrial-design">Пример industrial-design</div>
      <div class="grid invention">Пример invention</div>
      <div class="grid copyright">Пример copyright</div>
    </div>

    <hr>
    <div class="grid-container case-page-image news-case"></div>
    <button>click</button>
  </body>

</html>

JavaScript

$('button').click(() => {
  $arr = $('.grid-container div');
  let foDiv = [...$arr.slice(-4, $arr.length)].map(item => item.outerHTML).join(' ');
  localStorage.setItem('foDiv', foDiv);
  $('.news-case').html(localStorage.getItem('foDiv'));
})