Second View Model Sample Ideas.html

<html>
<head>
<title> Knockout JS Sample Ideas</title>
<script type="text/javascript" src="./knockout-3.5.1.js"></script>
<script type="text/javascript" src="./jquery-3.4.1.js"></script>
</head>
<style>
#homepage{
background-color:lightgreen;
width:1000px;
height:500px;
}
#login{
	width:200px;
	height:150px;
	background-color:white;
	
	margin:auto;
}
</style>
<body>
<div id="homepage">
<div id="login">
</br>
<label>UserName</label>
<input type="text" id="uname" data-bind="text:userName()">
</br>
<label>Password</label>
<input type="text" id="pwd" data-bind="text:passWord()">
</br>
</br>
<button type="submit">submit</button>
</div>
</div>
<script type="text/javascript">
$(function(){
	var loginViewModel=function(){
		self.userName=ko.observable();
		self.passWord=ko.observable();
		
	};
});
</script>
</body>
</html>