JSFiddle - React, Tailwind, and code Playground

by Shirly Manor

HTML

<html>
  <head>
    <script src="https://ar-3d-viewer.cloudinary.com/main.js"></script>
    <script>
      function updateModel() {
        document.getElementsByTagName(
          "ar-3d-viewer"
        )[0].attributes.models.value = "living_room";
      }
    </script>
  </head>
  <body>
    <button onclick="updateModel()">Update 3D</button>
    <div style="height: 75vh">
      <ar-3d-viewer cloud="cloudinary_ar" models="desk_lamp_mfon3q"> </ar-3d-viewer>
    </div>
  </body>
</html>