{"version":"1.0","type":"rich","title":"Character Count","description":"A textarea accepts user input and displays a live character count beneath it, updating as the user types or deletes. The page shows the current number of characters in bold, starting at zero when the field is empty. The code uses the browser’s native DOM `input` event and `event.target.matches()` to detect changes to the textarea, then updates the `#character-count` span’s text content via `document.querySelector()`. No external libraries are used; only plain JavaScript and HTML.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-ae33791588d237170a5cf303c2aba336?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}