JSFiddle - React, Tailwind, and code Playground
HTML
<button><img id="img1" src="http://placekitten.com/g/200/300" alt=""></button>
<button><img id="img2" src="http://placekitten.com/g/200/200" alt=""></button>
<button><img id="img3" src="http://placekitten.com/g/200/250" alt=""></button>
JavaScript
const buttons = document.querySelectorAll("button");
function buttonHandler() {
const imgId = this.querySelector("img").getAttribute("id");
document.querySelector('style').textContent =
`@media print {
img { display: none; }
#${imgId} { display: block; }
}`;
if (window.print) {
window.print();
}
}
buttons.forEach(button => {
button.addEventListener("click", buttonHandler);
});