question: what code would generate this webpage in the browser?
  Options: A: <!DOCTYPE html>
  <html>
  <body>
  
  <h2>JavaScript Objects</h2>
  
  <p id="demo"></p>
  
  <script>
  // Create an object:
  const person = {
  firstName: "John",
  lastName: "Doe",
  age: 50,
  eyeColor: "blue"
  };
  
  // Display some data from the object:
  document.getElementById("demo").innerHTML =
  person.firstName + " is " + person.age + " years old.";
  </script>
  
  </body>
  </html>, B: <!DOCTYPE html>
  <html>
  <body>
  
  <h2>JavaScript Objects</h2>
  
  <p>There are two different ways to access an object property.</p>
  
  <p>You can use person.property or person["property"].</p>
  
  <p id="demo"></p>
  
  <script>
  // Create an object:
  const person = {
  firstName: "John",
  lastName : "Doe",
  id : 5566
  };
  
  // Display some data from the object:
  document.getElementById("demo").innerHTML =
  person["firstName"] + " " + person["lastName"];
  </script>
  
  </body>
  </html>, C: <!DOCTYPE html>
  <html>
  <body>
  
  <h2>JavaScript Objects</h2>
  <p>An object method is a function definition, stored as a property value.</p>
  
  <p id="demo"></p>
  
  <script>
  // Create an object:
  const person = {
  firstName: "John",
  lastName: "Doe",
  id: 5566,
  fullName: function() {
  return this.firstName + " " + this.lastName;
  }
  };
  
  // Display data from the object:
  document.getElementById("demo").innerHTML = person.fullName();
  </script>
  
  </body>
  </html>, D: <!DOCTYPE html>
  <html>
  <body>
  
  <h2>JavaScript Objects</h2>
  
  <p>If you access an object method without (), it will return the function definition:</p>
  
  <p id="demo"></p>
  
  <script>
  // Create an object:
  const person = {
  firstName: "John",
  lastName : "Doe",
  id : 5566,
  fullName : function() {
  return this.firstName + " " + this.lastName;
  }
  };
  
  // Display data from the object:
  document.getElementById("demo").innerHTML = person.fullName;
  </script>
  
  </body>
  </html>