Knockout Boilerplate

by kyllle

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.0/knockout-min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.css">
<input type="text" value="" class="js-name-input" placeholder="Please enter name...">

<p class="js-name-ouput"></p>

CSS

* {
  -webkit-font-smoothing: antialiased;
}

body {
    padding: 5%;
}

JavaScript

function nameInput(name) {
	this.name = name;
	
	this.outputName = ko.observable(name);
}