Countable.js

Example of countable js.

by joshiisaurabh

HTML

<html>

<script src="https://cdnjs.cloudflare.com/ajax/libs/countable/3.0.1/Countable.min.js"></script>
<h4>Type Here!</h4>
<input type="text" id='textuser'></input>
<button onclick="get()">Click me</button>
<p >
Characters:<span id="count"></span>
</p>
<p >
Paragraphs:<span id="para"></span>
</p>

<script>
  function get(){
    console.log(document.getElementById('textuser'))
    Countable.count(document.getElementById('textuser'), counter =>
    console.log(counter)
  )
  }
  
  Countable.on(document.getElementById('textuser'), counter =>{
    console.log(counter)
    document.getElementById('count').innerHTML=counter.characters.toString();
    document.getElementById('para').innerHTML=counter.paragraphs.toString()
  }
  )  
</script>
</html>