JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#zipcode_lookup" id="zipcode_lookup">Click me to look up a zipcode</a>

JavaScript

$('#zipcode_lookup').click(function()
    {
        $('<iframe src="https://tools.usps.com/go/ZipLookupAction!input.action"></iframe>').dialog({
            autoOpen: true,
            title: 'Zipcode Lookup',
            width: 1035,
            modal: true,
            position: 'top',
            open: function(event, ui)
            {
                // set the width to 1024 to remove the horizontal scroll bar only
                $(this).css('width', '600px').css('height', '800px');
            },
            buttons:
            {   
                'Close': function()
                {
                    $(this).dialog('close');
                }
            }
        });
    
        return false;
    });