Алексей Джо

button.addEventListener ("onclick", function() {
  alert("did something");
});

button.onclick = function () {
    alert("did something");
};

<div class="some">
  <div class="some__container">
    <div class="some__left">
      <i class="far fa-clock fa-3x"></i>
    </div>
    <div class="some__right">
      <div class="some__header">
        Lorem ipsum dolor sit amet
      </div>
      <div class="some__main">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris 
      </div>
    </div>
  </div>
</div>

.some {
  $parent: 'some';

  position: relative;
  
  &__container{
    padding: 30px 0;
    display: flex;
  }
  
  i {
    color: #f7833f;
  }
  
  &__left{
    margin-right: 50px;
  }
  
  &__right{
    display: flex;
    flex-direction: column;
    color: #657276;
    
    .#{$parent}__header{
      text-transform: uppercase;
      margin-bottom: 10px;
      font-weight: bold;
    }
  }
}

<div class="catalog">
  <div class="catalog__container">
    <div class="catalog-item">
      <div class="catalog-item__inner">
      
      </div>
    </div>
    <div class="catalog-item">

    </div>
    <div class="catalog-item">

    </div>
    <div class="catalog-item">

    </div>
    <div class="catalog-item">

    </div>
    <div class="catalog-item">

    </div>
    <div class="catalog-item">

    </div>
    <div class="catalog-item">

    </div>
    <div class="catalog-item">

    </div>
    <div class="catalog-item">

    </div>
  </div>
</div>

.catalog {
  
  &__container{
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #c5c5c5;
    border-right: 1px solid #c5c5c5;
    
    @media (min-width: 505px) {
      width: 505px;
    }
    
    @media (max-width: 504px) {
      width: 205px;
    }
    margin: 0 auto;
  }
  
  &-item{
    width: 100px;
    height: 100px;
    background-color: #fff;
    border-left: 1px solid #c5c5c5;
    border-bottom: 1px solid #c5c5c5;
    
    &::before{
      content: '';
      width: 100%;
      height: 1px;
      background-color: #c5c5c5;
    }
  }
}

const srcText = "В ту же ночь приехал я в Симбирск, где должен был пробыть сутки для закупки нужных вещей что и было поручено Савельичу. Я остановился в трактире. Савельич с утра отправился по лавкам";

const array = [
'я в Симбирск,',
'в трактире.',
'с утра',
'В ту же ночь',
'Я остановился',
'для закупки',
'что и было поручено Савельичу.',
'приехал',
'где должен был',
'нужных вещей',
'отправился по лавкам',
'пробыть сутки',
'Савельич'
];

let words = srcText.split(" ");
let result = "";

let part = "";
for(let i = 0; i < words.length; ++i){
  part += part ? " " + words[i] : words[i];

  let item = array.find(it => it === part);

  if(item){
    result += part + " ";
    part = "";
  }
}

console.log(result)