154. Two-way bindingを実装する

JavaScriptDOM

簡単  - accepted / - tried

Two-way binding を実装しましょう。

state.valueとHTMLInputElement elementが連動になる関数model(state, element)を実装してください。

const input = document.createElement('input')
const state = { value: 'BFE' }
model(state, input)

console.log(input.value) // 'BFE'
state.value = 'dev'
console.log(input.value) // 'dev'
input.value = 'BFE.dev'
input.dispatchEvent(new Event('change'))
console.log(state.value) // 'BFE.dev'

10分間以内で解いてみて

ディスカス(30)