working

index.html

@@ -1786,6 +1786,17 @@ function loadCodeFromPage(url="https://fabien.benetou.fr/Analysis/BeyondTheCaseA
 	} )
 }
 
+let myTextField = null; // keep a global reference to read text later
+
+myTextField = document.createElement("input");
+myTextField.type = "text";
+document.body.appendChild(myTextField);
+myTextField.addEventListener('input', inputTextHandler);
+
+function inputTextHandler( event){
+	setHUD( event.target.value )
+}
+
 // could change model opacity based on hand position, fading out when within a (very small here) safe space
 </script>
 <div id="observablehq-key">
@@ -1831,6 +1842,7 @@ function loadCodeFromPage(url="https://fabien.benetou.fr/Analysis/BeyondTheCaseA
       <a-text target value="jxr qs #rig sa position 0 0 10" position="0 1.55 .5" rotation="0 180 0" scale="0.1 0.1 0.1"></a-text>
       <!-- somehow disable hand interaction despite, according to the documentation, it should rely on world position -->
 
+      <a-text target value="jxr myTextField.focus()" position="0 1.5 -0.3" scale=".1 .1 .1"></a-text>
       <a-troika-text value="SpaSca : Spatial Scaffolding" anchor="left" outline-width="5%" font="../content/ChakraPetch-Regular.ttf" position="-5.26197 6.54224 -1.81284"
 	scale="4 4 5" rotation="90 0 0" troika-text="outlineWidth: 0.01; strokeColor: #ffffff" material="flatShading: true; blending: additive; emissive: #c061cb"></a-troika-text>