将 json 数据/ javascript 函数输出到表

如何解决将 json 数据/ javascript 函数输出到表

这里是初学者！我有一些数据正在下面的代码中被过滤。过滤器运行良好。我在 HTML 中的一个按钮上添加了一个“onclick”函数，我的数据在屏幕上显示没有问题，但我想要的是当我点击按钮时，它显示一个包含过滤数据的表格，以及一种方法退出表格，通过关闭框或再次单击按钮并消失。我不介意哪个。任何人都可以帮忙吗？谢谢

function loadPRFilter(){
        var surgerySearchTerm = "pr";
        var data = jsonArray.filter(jsonObject => jsonObject.surgeryType.includes(surgerySearchTerm));
        var mainContainer = document.getElementById("pr");
                
                for (var i = 0; i < data.length; i++) {
                var div = document.createElement("div");
          
                 div.innerHTML = 'Name: ' + data[i].name + ' ' +'score: '+ data[i].score + ' '+ 'Severity:'+' '+ data[i].severity;
                     mainContainer.appendChild(div);
                        console.log("Filtered pr");
                         console.log(data);
        }
    };

这是我的数据：

var jsonArray =[

    {
        "ID": 1,"name": "sub conjunctival haemorrhage","score" : 1,"surgeryType": ["scleral buckle"],"severity" : "mild"

    },{
        "ID": 2,"name": "dry eye","score": 5,"surgeryType":[ "pr" ],"severity" : "moderate"
    },{
        "ID": 3,"name": "ha's","surgeryType":["general","scleral buckle","ppv","pr"],"severity" : "moderate"

    }