Javascript JS弹出式表单和HTML表单

我的网页是：

我在第一个“下载宣传册”按钮上编写了一个JS/CSS/HTML弹出表单

下载小册子

当我单击该按钮时，弹出表单在容器中打开，该按钮仅可用一次

我的问题是:

如何从容器中提取弹出式表单，使其在页面上全幅显示？关于覆盖模式

如何在整个页面中多次使用它？因此，用户可以多次单击它，并且无论何时单击它都可以看到它。他不需要上下滚动来检索弹出表单

.popup{位置：固定；顶部：35%；右侧：0；底部：0；左侧：0；z索引：1050；显示：无；轮廓：0；溢出：自动；}
.popup.popup_宽度{宽度：500px；}
.popup.controls_width{width:450px；}
.popup.color{宽度：最大内容；填充底部：0px；右边距：10px；}
.popup.removeborder{border:none；}
.popup.footerview{显示：内联块；}
.popup.footercontrol{列表样式类型：无；显示：flex；宽度：100%；填充：0；}
.popup.footercontrol li{右键填充：10px；}
.popup.footercontrol.下拉菜单.删除注释{margin:auto；}
.popup.footercontrol li:最后一个子项{左边距：290px；填充：0；}

你可能需要一些“模态”的东西。它可以轻松地与UI交互，而不会阻止用户的操作。请将相关代码添加到您的问题中。请将帖子限制为一个问题。

<button id="popup" onclick="div_show()">Download the brochure</button>

     jQuery(document).ready(function($){
     
     $("#click").click(function(){
     $(".popup").show();
     });      
     });