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

2 votes297 views1 answer
M3u8 ffmpeg download
Html
0 vote302 views2 answers
Html src online
Html
0 vote284 views1 answer
Mote
Html
0 vote271 views1 answer
Lit element double click
Html
0 vote332 views2 answers
Popup
Html
0 vote243 views1 answer
Tailwind linear progress
Html
0 vote305 views1 answer
Java ee static html
Html
0 vote268 views1 answer
Why does the link from my html doesn't work
Html
0 vote311 views1 answer
Pug html adalah
Html
-1 vote289 views1 answer
Html href go back
Html