JSFiddle - React, Tailwind, and code Playground

by otorineko6790

HTML

<!doctype HTML>
<html>

  <head>
    <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
  </head>
  <script src="https://aframe.io/releases/0.9.1/aframe.min.js"></script>
  <script src="https://raw.githack.com/jeromeetienne/AR.js/1.7.1/aframe/build/aframe-ar.js"></script>
  
  <body style='margin : 0px; overflow: hidden;'>
  
  <div id='debug'>
    <select id='food'>
      <option value="berger">berger</option>
      <option value="beer">beer</option>
      <option value="susi">susi</option>
    </select>
    <input type="text" name='text' id='text' value='text'/>
    </div>

    <a-scene embedded arjs>
      <a-marker preset="hiro">
      <div id="yourOrder">
        <a-box position='0 0.5 0' material='color: yellow;'></a-box>
        </div>
      </a-marker>
    </a-scene>
    </body>
    </html>

CSS

#debug{
  position: absolute;
  top: 10px;
  left: 30%;
}

JavaScript

$("#food").change(function() {
  $('#text').val($(this).val());
  if($(this).val() == 'berger'){
  	$("#")
  }
})