title: Display selected geometry's name in div menu's title when right clicked
body: <p>in my three.js scene I have 4 floors made using THREE.BoxGeometry. The floor's textures can be changed easily by right clicking on the individual floors and selecting an option from the div menu that appears.
  My menu is on the html as:</p>
  <pre><code>&lt;div id=&quot;menu&quot; style=&quot;position:absolute;display:none;background-color:red&quot;&gt;
    &lt;span id=&quot;menuTitle&quot; color=&quot;blue&quot;&gt;menu&lt;/span&gt;
    &lt;br&gt;
    &lt;button id=&quot;35&quot;&gt;Black Floor&lt;/button&gt;&lt;br&gt;
    &lt;button id=&quot;36&quot;&gt;Wood Floor&lt;/button&gt;&lt;br&gt;
    &lt;button id=&quot;37&quot;&gt;Blue Floor&lt;/button&gt;&lt;br&gt;
    &lt;button id=&quot;38&quot;&gt;Grey Floor&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  <p>my mouseDown function is as follows:</p>
  <pre><code>function onMouseDown(event) {
    event.preventDefault();
    var rightclick;
      if (!event) var event = window.event;
      if (event.which) rightclick = (event.which == 3);
      else if (event.button) rightclick = (event.button == 2);
    if (!rightclick) return;
  
    raycaster.setFromCamera(mouse, camera);
   
  
    var intersects = raycaster.intersectObjects([floor1, floor2, floor3, floor4]);
  
    if (intersects.length) {
      intersect = intersects[0].object;
      menu.style.left = (event.clientX - rect.left) + &quot;px&quot;;
      menu.style.top = (event.clientY - rect.top) + &quot;px&quot;;
      document.getElementById(&quot;menuTitle&quot;).innerHTML = intersects[0].name;
      menu.style.display = &quot;&quot;;
    }
    else{
      intersect = undefined;
    }
    
  }
  </code></pre>
  <p>What I'm trying to do is change the inner HTML of &quot;menuTitle&quot; to floor1 when floor1 is right clicked (currently I'm getting &quot;undefined&quot;) or better still a particular string (e.g. &quot;Floor 1&quot; when floor 1 is right clicked).
  Thank You! :)</p>