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">
    <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>

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

      const startApp = () => {



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.


5 posts were merged into an existing topic: URGENT HELP: How do i build {specname}, (a simple BMI calculator application), with the below

Since this topic seems to be similar in nature to another one posted already, we have merged it with the other one.