di-proxy querySelector demo

Proof-of-Concept for UMD Dependency Injection Module by wrapping querySelector function.

by patrob10114

HTML

<script src="https://unpkg.com/di-proxy"></script>
<input id="myField" name="field" type="text" value="something">
<pre></pre>

JavaScript

const qs = diProxy.wrap(
  document.querySelector.bind(document),
  ({ input: { id, name, type, value }, pre }) => {
    const json = JSON.stringify({ id, name, type, value })

    pre.appendChild(document.createTextNode(json))
  }
)

qs()