wileam / binding-demo

A 2 way binding demo from scratch by vanilla js, without 3rd party libs.

Demo for 2 way data binding

Install

npm install

Run

npm start

Usage

• Dom --> Data

Change the value of input in browser and see how data changes on console.

• Data --> Dom

On the console, get data and change it's value, DOM will change accordingly.

data.value = 'hello world'

Requirement

1. DOM --> Data

listener

data.value = input.value

2. Data --> DOM

listener

input.value = data.value

3. Data --> Multiple DOM &

4. Data --> TodoList

div --> ul > li

object --> array of object