title: Is there a way to create a specific instance of SmileyFace, and pass the name of that as the argument to drawSmiley()
body: <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var faceObj = {
      centerX: 100, 
      centerY: 100
  };
  
  var drawSmiley = function(faceObj) {
      fill(168, 124, 70);
      ellipse(faceObj.centerX, faceObj.centerY, 150, 150);
      fill(0, 0, 0);
      ellipse(faceObj.centerX-30, faceObj.centerY-30, 20, 20); 
      ellipse(faceObj.centerX+30, faceObj.centerY-30, 20, 20); 
      noFill(); 
      strokeWeight(3);
      arc(faceObj.centerX, faceObj.centerY+10, 64, 40, 0, 180);
  };
  
  var SmileyFace = function(x, y) {
      this.centerX = x;
      this.centerY = y;
  };
  
  //SmileyFace.speak('hello!');
  
  var faceObj = new SmileyFace(this.centerX, this.centerY);
  drawSmiley(SmileyFace);
  
  var faceObj = new SmileyFace(100, 100);</code></pre>
  </div>
  </div>
  </p>
  <p>How do I answer this statement while still maintaining this code?
  &quot;You’re passing the name of the object (SmileyFace) as the argument when you call drawSmiley(). Instead, create a specific instance of SmileyFace, and pass the name of that as the argument to drawSmiley().&quot;</p>