Word Count Tool

by nathanweisz

HTML

<div ng-app>
    <div><strong>Word Count Tool</strong>
    </div>
    <textarea ng-model="textToCount" ng-init="textToCount='Type or Paste your text here.'"></textarea>
    <br />
    <div> 
        <span>Number of Characters:</span>
        <span><strong>{{textToCount.length}}</strong></span>
    </div>
    <div> 
        <span>Number of Words:</span>
        <span><strong>{{textToCount.split(" ").length}}</strong></span>
    </div>
    <div>You typed in:</div>
    <div><em>{{textToCount}}</em><div>
</div>

CSS

* {
    font-family: Calibri;
    font-size: 12pt;
}
textarea {
    background-color: lightblue;
    height: 200px;
    width: 90%;
    padding: 20px 20px 20px 20px;
}