Want to make creations as awesome as this one?

Transcript

<input style="font-size: 20px; height: 30px; font-family: Arial, Sans-serif; background-color:white; width: 100%; border:solid 2px; padding: 3px; margin-top:10px;" type="text" id="" class="code" value="" autocomplete="off" name="q" onkeydown="if (((event.keyCode>36)&&(event.keyCode<41))||(event.keyCode==32)||(event.keyCode==8)){event.stopPropagation()}" onkeyup=" getElementById('reponse').innerHTML=this.value " ><script></script>

<div id="reponse" style="border:solid 1px; width:100%;height:100%;"></div> <script></script>

<div onclick=" //pour selectionner le groupe (il y a plus simple peut-etre) var pnode = document.getElementById('reponse').parentNode.parentNode.parentNode; while (pnode.getAttribute('id') == null) { pnode = pnode.parentNode; } pnode = pnode.parentNode.parentNode; pnode.setAttribute('data-x',300); pnode.style.transform='translate(300px)'; ">BOUTON</div> <script></script>

J'ai groupé les deux éléments et je vise la position du groupe