JSFiddle - React, Tailwind, and code Playground

HTML

<p id="btn">load PDF</p>
<iframe style="display:none;">

CSS

#btn { cursor:pointer; color:blue; }
#btn:hover { color:red; }
iframe { height:200px; width:300px; }

JavaScript

$('#btn').click(function() {
  $('iframe').attr('src','https://research.google.com/pubs/archive/44678.pdf');
    $('iframe').contents().find('body').css('background-color', '#fff');
    $('iframe').show();
});