evandonovan/character-counting-form.markdown

## character-counting-form.markdown

      
    Raw
  

              character-counting-form.markdown
            
          
    Character Counting Form

A Pen by Evan Donovan on CodePen.
License.

  
## charcount.js
function countCharacters() {
            var input = document.getElementById('inputText').value;
            var count = input.length;
            document.getElementById('charCount').innerHTML = count + " characters";
        }

## index.html
<!DOCTYPE html>
<html>
<head>
    <title>Character Counting Form</title>
    <script src="charcount.js"></script>
</head>
<body>
<form>
        <label for="inputText">Text:</label><br>
        <textarea id="inputText" onkeyup="countCharacters()" rows="4" cols="50"></textarea><br>
        <label id="charCount">0 characters</label>
    </form>
 </body>
</html>
	function countCharacters() {
	var input = document.getElementById('inputText').value;
	var count = input.length;
	document.getElementById('charCount').innerHTML = count + " characters";
	}
	<!DOCTYPE html>
	<html>
	<head>
	<title>Character Counting Form</title>
	<script src="charcount.js"></script>
	</head>
	<body>
	<form>
	<label for="inputText">Text:</label><br>
	<textarea id="inputText" onkeyup="countCharacters()" rows="4" cols="50"></textarea><br>
	<label id="charCount">0 characters</label>
	</form>
	</body>
	</html>