<pre class="shiki github-dark shaku"><code>/** * @param {{value: string}} state * @param {HTMLInputElement} element */function model(state, element) { // your code here element.value = state.value; Object.defineProperty(state, 'value', { get() {return element.value}, set(new_val) {element.value = new_val; return;} } ); element.addEventListener('change', (e) =&gt; { state.value = e.target.value; })}</code></pre>

Simple

Let's do some simple two-way binding. Please create a function model(state, element), to bind state.value to the HTMLInputElement element. const input…