index.html

<!DOCTYPE html>
<html>
    <head>
        <title>Teamable</title>
        <link rel="stylesheet" href="style.css" />
        <script src="app.js"></script>
        <meta charset="utf-8" />
    </head>
    <body>
        <div id="display-view">
            <h1>User profile</h1>
            <img src="./assets/Premium Vector _ Hipster man mascot logo.jfif">
            
            <span>Name: </span><b id="name">Vandit Bera</b>
            <hr />

            <span>Email: </span><b id="email">vanditbera@gmail.com</b>
            <hr />

            <span>Interests: </span><b id="interests">Coding</b>
            <hr />

            <button onclick="handleEditProfile()">Edit Profile</button>
        </div>
        <div id="edit-view">
            <h1>User profile</h1>
            <img src="./assets/Premium Vector _ Hipster man mascot logo.jfif">
            
            <span>Name: </span>
            <input type="text" id="input-name" placeholder="Anna Smith"/>
            <hr />

            <span>Email: </span>
            <input type="text" id="input-email" placeholder="anna.smith@example.com" />
            <hr />

            <span>Interests: </span>
            <input type="text" id="input-interests" placeholder="coding" />
            <hr />

            <button onclick="handleUpdateProfile()">Update Profile</button>
        </div>
    </body>
</html>