Code này thì để làm cái éo gì? Ờm thì tự nhiên nhớ lại chuyện ngày xửa ngày xưa, đâu đó vào khoảng giữa năm 2017, cái thời nghiện light novel đến nổi đọc tới gần 4 giờ sáng chưa ngủ, ôi nghĩ lại đúng là hao tổn sức khỏe vãi đáiiiii.
Một thời gian sau cũng vì vậy mà tập tành viết truyện đăng trên mấy web kia, nhưng thường có yêu cầu là phải đủ số từ ít nhất phải 2, 3000. Và nhờ code đơn giản này mà đếm số từ văn bản trở nên khá dễ dàng. Bạn có thể xem demo và code bên dưới. 👇
Nhập nội dung văn bản của bạn:
Số từ: 0
Dán code này vào bất kỳ đâu trên blog của bạn, tốt nhất là tạo một bài viết >> Chuyển sang chế độ HTML >> Copy và dán code dưới đây.
<div class="containerg">
<textarea id="text"></textarea>
<p id="wordCount"><b>Số từ: <span style="color: #cc0000;">0</span></b></p>
</div>
<script>
const textArea = document.getElementById('text');
const wordCountElement = document.getElementById('wordCount');
textArea.addEventListener('input', updateWordCount);
function updateWordCount() {
const text = textArea.value;
const words = text.trim().split(/\s+/).filter(word => word !== '');
const wordCount = words.length;
wordCountElement.textContent = `Số từ: ${wordCount}`;
}
</script>
<style>
{
font-family: Mali, sans-serif;
text-align: center;
margin: 0;
padding: 0;
}
.containerg {
display:;
flex-direction: column;
align-items: center;
justify-content: center;
height: auto;
}
textarea {
width: 100%;
height: 150px;
margin-bottom: 10px;
padding: 5px;
border: 1px solid #ccc;
resize: vertical;
}
</style>P/s: Làm bài viết này xong tự nhiên có hứng viết truyện ghê, cơ mà được vài phút mất cmn hứng lun. 😓
Hashtag: Code bộ đếm từ văn bản
Không có nhận xét nào
Đăng nhận xét