Untitled

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Exam Java 2019</title>

    <style>
        body {
        margin: 0;
        padding: 0;
        }

        #main-container {
            font-family: Arial, Helvetica, sans-serif;
            padding: 20;
            margin: 20;
            text-align: center;
        }

        ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
        background-color: #333;
        }

        li {
        float: left;
        }

        li a {
        display: block;
        color: white;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
        }

        li a:hover:not(.active) {
        background-color: #111;
        }

        .active {
        background-color: #4CAF50;
        }
    </style>

</head>

<body>
    <div id="main-container">

    <ul>
        <li><a class="active" href="index.html">Home</a></li>
        <li><a href="newProject.html">New Project</a></li>
        <li><a href="newWorker.html">New Member</a></li>
        <li><a href="setProjectMember.html">Assign member</a></li>
    </ul>

    <h1>Project Manager</h1>

    </div>
</body>

<script>
    // TODO - try to make async and await work - failed to implement keywords.
    function fetchProjectMembers() {
        const projectMemberResponse = fetch("/project_Members");
        if (projectMemberResponse.ok) {
            const shoppingCartContent = projectMemberResponse.text();
            document.getElementById("projectMember").innerHTML = shoppingCartContent;
        } else {
            console.error("fetch failed ", projectMemberResponse);
        }
    }
    fetchProjectMembers();
</script>

</html>