post_highschool.html

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

<style>
    th{
       color: #fff 
    }
</style>

<table class="table table-striped">
    <tr class="bg-info">
        <th>LifeScience Resources</th>
        
    </tr>

    <tbody id="myTable">

    </tbody>
</table>

<script>
    var myArray = [
    {'resourceName':'Careers in Lifescience scope','resourceLink':'https://www.atriauniversity.edu.in/career-in-life-sciences-scope-jobs/'},
    {'resourceName':'All you need to know about a career in life science','resourceLink':'https://idreamcareer.com/blog/career-in-life-science/'}
]

buildTable(myArray)

function buildTableres(data){
    var table = document.getElementById('myTable')

    for (var i = 0; i < data.length; i++){
        var row = `<tr>
                        <td>${data[i].resourceName}</td>
                        <td>${data[i].resourceLink}</td>
                        

                    </tr>`
        table.innerHTML += row
    }
}

</script>