Word count alpine js

<div x-data="{ wordCount: 0 }" x-init="wordCount = $el.querySelector('textarea').value.trim().split(' ').length;">
  
  <textarea class="form-input border" rows=5 @keyup="wordCount = $event.target.value.trim().split(' ').length;"></textarea>
       
  <p class="text-xs" :class="wordCount < 20 ? 'text-red-700' : 'text-green-700'">Word counts: <span x-html="wordCount"></span> min: 20</p>
</div>

Source: codepen.io

Similar codes

0 vote154 views2 answers
Css make bottom of the div triangle
Html
0 vote144 views1 answer
How to put button in top right corner in html
Html
-1 vote155 views1 answer
Html entity close
Html
0 vote158 views1 answer
Coreui padding
Html
0 vote172 views2 answers
How to write the latex in html
Html
0 vote194 views1 answer
Kodingan mencatumkan keterangan gambar header html
Html
3 votes152 views3 answers
How to get text from select tag in javascript
Html
0 vote160 views1 answer
Javascript to select td element that was clicked in a table
Html
0 vote144 views1 answer
Html webcam filter effects
Html
2 votes143 views3 answers
Html single quote code
Html