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

1 vote203 views1 answer
Href do nothing
Html
0 vote176 views1 answer
Navratri 2020
Html
10 votes206 views4 answers
Search bar bootstrap
Html
0 vote201 views1 answer
How to add two radio button in html
Html
0 vote190 views1 answer
Get post java html
Html
0 vote213 views1 answer
Convert html to image laravel
Html
2 votes189 views1 answer
Htlm link
Html
1 vote197 views1 answer
Select first option deselect
Html
0 vote198 views1 answer
Wikipedia api url
Html
1 vote204 views1 answer
Fullpage cdn
Html