Modify an Object Nested Within an Object+

Tell us what’s happening:

Hey guys am having a test Assessment, I got struck just at the beginning of the test. am suppose to add a button like to: Click Me! into the webpage. and it not workout for me, anytime I try to run the code I get this message: You have not created the #filter-query BUTTON as specified. please help me out friends .

Your code so far

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" 
          content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />

    <title>Mini App</title>

    <style>
      
      body{
        background: white;
      }
      div.user-photo {
        margin: 1em auto;
      }
      
    </style>
  </head>
  <body>
    
    
    <button id="filter-query" class="mdc-icon-button material-icons">Click Me!</button>
    
    <script>
      
      const fetchAndDisplayUsers = () => {
        users.push({
          age: 40,
          weight: 75,
          height: 6,
          country: 'Nigeria',
          name: 'Charles Odili',
          id: 'dfhb454768DghtF'
        });

        displayUsers(users);
      };
      
      const startApp = () => {
        
      };

      startApp();

    </script>
  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.3; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3683.103 Safari/537.36.

object