JSFiddle - React, Tailwind, and code Playground

HTML

<div id="div_1">
1番目
</div>
<input type="button" value="1番目を印刷">
<div id="div_2">
2番目
</div>
<input type="button" value="2番目を印刷">
<div id="div_3">
3番目
</div>
<input type="button" value="3番目を印刷">

<div class="print">
フッタですよー
いいですねながくてもながくてもながくてもながくてもながくてもながくてもながくてもながくてもながくてもながくてもながくてもながくてもながくてもながくてもながくてもながくてもながくても
</div>

CSS

@media print {
  body :not(.print) {
    display: none;
  }
}

@media screen {
  body .print {
    display: none;
  }
}

.print {
  width: 800px;
}

JavaScript

Array.prototype.forEach.call(document.getElementsByTagName('input'), function(elm){
  elm.addEventListener('click',function(e){
    this.previousElementSibling.classList.add('print');
    window.print();
    this.previousElementSibling.classList.remove('print');
  })
});