JSFiddle - React, Tailwind, and code Playground

HTML

<p>this text should be red when printed</p>
<button>print</button>

CSS

p {
  color: black;
}

@media print {
  p {
    color: red;
  }
}

JavaScript

document.getElementsByTagName('button')[0].addEventListener('click', function() {
  Array.prototype.forEach.call(document.getElementsByTagName('style'), function(style) {
    style.innerText = style.innerText.replace(/@media print/gi, '@media screen');
  });
});