title: How to display JSON file on HTML page
body: <p>I'm starting to learn javascript. I want to display the first and last names and relation value on an html page when a user click a button. I have a simple JSON file called FamilyAndFriends.json:</p>
  
  <pre><code>    {
      "people":[{"fname":"Adam",
          "lname":"Schmitt",
              "relation":"Brother",
              "relationid":"1"
          },
          {"fname":"Andrew",
          "lname":"Name",
              "relation":"Brother",
              "relationid":"1"
          },
          {"fname":"Jenna",
          "lname":"Name",
              "relation":"Wife",
              "relationid":"2"
          },
          {"fname":"Gary",
          "lname":"Name",
              "relation":"Father",
              "relationid":"3"
          },
          {"fname":"Judy",
          "lname":"Name",
              "relation":"Mother",
              "relationid":"4"            
          },
          {"fname":"Justin",
          "lname":"Name",
              "relation":"Friend",
              "relationid":"5"            
          },
          {"fname":"Billy",
          "lname":"Name",
              "relation":"Friend",
              "relationid":"5"             
          },
          {"fname":"Robbie",
          "lname":"Name",
              "relation":"Friend",
              "relationid":"5"             
          },
          {"fname":"Dylan",
          "lname":"Name",
              "relation":"Friend",
              "relationid":"5"             
          },
          {"fname":"Zach",
          "lname":"Name",
              "relation":"Friend",
              "relationid":"5"             
          }]
  }
  </code></pre>
  
  <p>I tried searching and it seems a lot of people suggest jquery but we are not to jquery at the moment. How would I be able to get the info from my .json file and display it in my html file when the user clicks? 
  Thanks for the help</p>