<data-bind>
An element for propagating data changes between elements.
Display slider value:
<data-bind>
<input type="range" data-bind-source></textarea>
<span data-bind="value"></span>
</data-bind>
Show character count:
<data-bind>
<textarea data-bind-source></textarea>
<span data-bind="value.length"></span>
</data-bind>
Just include the component's JS file and you're good:
<script src="https://nudeui.com/data-bind/data-bind.js" type="module"></script>
In case you want to link to local files: CSS is fetched automatically, and assumed to be in the same directory as the JS file.