two_way_binding.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Vanilla Javascript Tutorial</title>
</head>
<body>
<p id="messageOutput">We are are going to click a button</p>
<input id="message" type="text" />
<button id="button">Click Me</button>
</body>
<script>
    var el = document.getElementById('button');
    var msg = document.getElementById('message');
    var output = document.getElementById('messageOutput');
    msg.addEventListener('keypress',function(e){
        output.innerHTML = msg.value;
    });
    el.addEventListener('click', function(){
        alert(msg.value);
    })
</script>
</html>