jsinput.html

<div>
<section
  id="inputtype_1"
  data="getGrade"
  data-stored="{&quot;answer&quot;:&quot;{\&quot;cylinder\&quot;:true,\&quot;cube\&quot;:true}&quot;,&quot;state&quot;:&quot;{\&quot;selectedObjects\&quot;:{\&quot;cylinder\&quot;:true,\&quot;cube\&quot;:true}}&quot;}"
  data-getstate="getState"
  data-setstate="setState"
  data-processed="false"
  data-sop="false"
  class="jsinput">

  <div class="script_placeholder"/>
    <iframe
      name="iframe_1"
      sandbox="allow-scripts
        allow-popups
        allow-same-origin
        allow-forms
        allow-pointer-lock"
      height="500"
      width="500"
      src="https://studio.edx.org/c4x/edX/DemoX/asset/webGLDemo.html">
    </iframe>
    <input type="hidden" name="input_1" id="input_1" waitfor value="{&quot;answer&quot;:&quot;{\&quot;cylinder\&quot;:true,\&quot;cube\&quot;:true}&quot;,&quot;state&quot;:&quot;{\&quot;selectedObjects\&quot;:{\&quot;cylinder\&quot;:true,\&quot;cube\&quot;:true}}&quot;}">
  </div>
</section>
<section
  id="inputtype_2"
  data="getGrade"
  data-stored="{&quot;answer&quot;:&quot;{\&quot;cylinder\&quot;:true,\&quot;cube\&quot;:true}&quot;,&quot;state&quot;:&quot;{\&quot;selectedObjects\&quot;:{\&quot;cylinder\&quot;:true,\&quot;cube\&quot;:true}}&quot;}"
  data-getstate="getState"
  data-setstate="setState"
  data-processed="false"
  data-sop="false"
  class="jsinput">

  <div class="script_placeholder"/>
    <iframe
      name="iframe_2"
      sandbox="allow-scripts
        allow-popups
        allow-same-origin
        allow-forms
        allow-pointer-lock"
      height="500"
      width="500"
      src="https://studio.edx.org/c4x/edX/DemoX/asset/webGLDemo.html">
    </iframe>
    <input type="hidden" name="input_2" id="input_2" waitfor value="{&quot;answer&quot;:&quot;{\&quot;cylinder\&quot;:true,\&quot;cube\&quot;:true}&quot;,&quot;state&quot;:&quot;{\&quot;selectedObjects\&quot;:{\&quot;cylinder\&quot;:true,\&quot;cube\&quot;:true}}&quot;}">
  </div>
</section>
</div>