JSFiddle - React, Tailwind, and code Playground

by WoJWoJ

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.11.1/moment.min.js"></script>
<div id="printarea">
  <div id="title">
    Forensics Request Form
  </div>
  <div id="data">
    <form>Requester name: <input id="name" type="text" value=""></form>
     <form>Requester trigram: <input id="trigram" type="text" value=""></form>
     <form>Targeted individual name: <input id="targetName" type="text" value=""></form>
     <form>Targeted individual trigram: <input id="targetName" type="text" value=""></form>
  </div>
  <div id="other"></div>
</div>
<button id="generateform" ">Generate forensics request form</button>

JavaScript

$('#generateform').click(function() {
  
  var trigram = $("#trigram").val();
  // remove useless form elements
  $("#data").empty()
    // replace forms by texts where needed
    
  $("#trigramform").text(trigram)
  $("#other").text(moment.now() + trigram);
  // launch the print
  var printContents = document.getElementById("printarea").innerHTML;
  document.body.innerHTML = printContents;
  window.print()
})

function printDiv(divName) {
  var printContents = document.getElementById(divName).innerHTML;
  var originalContents = document.body.innerHTML;

  document.body.innerHTML = printContents;

  window.print();

  document.body.innerHTML = originalContents;
}