print only image on click

by Akram kamal

HTML

<img src="https://api.qrserver.com/v1/create-qr-code/?data=sample&amp;size=200x200" alt="" title="" id="qrcode" />

<input type="button" value="print" id="printQr" />

CSS

[id="qrcode"] {
    display:none
}
[id="qrcode"]:first-of-type {
    display:inline
}
@media print {
    [id="qrcode"] {
        display:inline;
        padding:1em;
    }

JavaScript

for (var i=0;i<5;i++){
    $("#qrcode").clone().prependTo("body")
}

$('#printQr').click(function () {
    print();
});