JSFiddle - React, Tailwind, and code Playground

by jecker

HTML

<div id="test1">test
<div id="test2" class="test4">
  <div id="test3">
  </div>
</div>
</div>

CSS

.test4 {
  display:none;
}

JavaScript

$("#test1").click(function() {
for(let x=0; x<2; x++) {
	$("#test3").append(
  '<div>test123</div><div>test12</div>' +
  '<div>test123</div><div>test12</div>' +
  '<div>test123</div><div>test12</div>' +
  '<div>test123</div><div>test12</div>' +
  '<div>test123</div><div>test12</div>'
  )
  }
//$("#test2").removeClass("test4")
var divToPrint=$("#test3").html();
var newWin=window.open("","Print-Window");
newWin.document.open();
newWin.document.write('<html><body onload="window.print()">'+divToPrint+'</body></html>');
newWin.document.close();
setTimeout(function(){newWin.close();},50);
});