Спойлер или Cut для содержимого content

<script>
  const pageWidth = document.documentElement.scrollWidth
  if(pageWidth < 659){
    var bukvi = document.getElementById('spoiler');
  var sentens = bukvi.textContent;
  var spoilerON = sentens.split('.')[0];
  var lenS = spoilerON.length;
  var sentensP2 = sentens.slice(lenS + 1);
  bukvi.innerHTML = '<span class="begin_spoiler">' + spoilerON + '.' + '</span>' + '<span id="end_spoiler" class="end_spoiler">' + sentensP2 + '</span>';
  
  var button = document.createElement('button');
  bukvi.after(button);
  button.innerText = "Подробнее";
  button.id = "spoilerBT"
  button.onclick = function (){
    var spoilerTXT = document.getElementById("end_spoiler");
    spoilerTXT.classList.toggle("active");
    if(button.innerText == "Подробнее"){
      button.innerText = "Cкрыть";
    }
    else{
      button.innerText = "Подробнее";
    }
  }
  }
</script>

.end_spoiler{
      display: none;
    }
    .end_spoiler.active{
      display: inline;
    }