ko char count

by tgriley1

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout-validation/2.0.3/knockout.validation.min.js"></script>
<textarea cols="40" rows="5" data-bind="textInput: text, css: { 'text-danger': text().length > 10 }"></textarea>
<p data-bind="text: text().length "></p>

JavaScript

function AppViewModel() {
    this.text = ko.observable("Ten char limit make text red");
};
ko.applyBindings(new AppViewModel());