
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>MVVM Example</title><script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
</head>
<body><div id="app"><input v-model="message" placeholder="Enter a message"><p>{{ message }}</p></div><script>new Vue({el: '#app',data: {message: ''}});</script>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>MVC Example</title>
</head>
<body><input id="input" placeholder="Enter a message"><p id="output"></p><script>let model = {message: ''};const input = document.getElementById('input');const output = document.getElementById('output');input.addEventListener('input', function() {model.message = this.value;output.textContent = model.message;});</script>
</body>
</html>
