Code bộ đếm từ văn bản

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

Blogger Chitose2D Code hay tiện ích

Green Scarf Emoticons | Biểu tượng cảm xúc

Bạn thắc mắc mấy cái Emoticons này để làm cái quần què gì ư? À thì bạn có thể làm nhiều thứ ví dụ như... lụm link ảnh chèn vào phần bình luận trên blog này cho đẹp nhé!

Phần tếp theo là bộ Green Scarf Emoticons. 😗

Hashtag: Green Scarf Emoticons | Biểu tượng cảm xúc

Emoticons

Tuyết rơi bụi bay | Hiệu ứng ghép video nền/màn mình đen

Hiệu ứng ghép video nền/màn mình đen.

Tên hiệu ứng video: Tuyết rơi bụi bay

Độ dài: 00:14

Hỗ trợ độ phân giải: (1080p.MP4 - HD)

Xem demo trên Youtube: https://www.youtube.com/watch?v=6uDt18HdIHI | Thánh Che Mắt.

↓ Xem link tải: Tuyết rơi bụi bay | Hiệu ứng ghép video nền/màn mình đen bên dưới phần bình luận của bài viết này ↓

Hashtag: Tuyết rơi bụi bay | Hiệu ứng ghép video nền/màn mình đen

Hiệu ứng video

Triết lý của kẻ cô độc phần 2

Như trong bài viết đầu tiên, chúng ta đã cùng ngẫm lại những triết lý của Hachiman Hikigaya, thanh niên tự kỷ từng là hình mẫu Cool ngầu cho fan anime nhiều năm về trước.

Trong giới hạn của bài viết đó, mình không thể nhét thêm những câu nói khác của thanh niên này, lý do là sẽ khiến bài viết quá dài gây nhàm chán cho người xem khi họ kéo mãi méo hết. 😅

Và bên dưới đây chính là những câu nói hay của phần tiếp theo, Triết lý của kẻ cô độc phần 2. Bạn có thể xem lại phần 1 ở đây.

Hashtag: Triết lý của kẻ cô độc phần 2

Những câu nói hay Yahari Ore no Seishun Love Comedy wa Machigatteiru.

5 code thời gian ngày giờ có thể nhét vào blog để trang trí

Code thời gian để làm gì?

Tất nhiên là để trang trí chứ làm cái mọe gì nữa. 🙃

Ngược dòng thời gian hơn chục năm về trước, những đoạn code thời gian luôn rất hot vào thời điểm ấy, đặc biệt là các trang wap giải trí, blog Yahoo! Ngày đó thường có cái suy nghĩ là trông sang chảnh và ngầu lòi cho nên, thế hệ 8x 9x ngày xưa rất chuộng trang trí blog, wap, web bằng code thời gian.

Hashtag: 5 code thời gian ngày giờ có thể nhét vào blog để trang trí

Blogger Chitose2D Code hay tiện ích

Trang trí blog của bạn với hiệu ứng tuyết rơi mùa đông đón giáng sinh

Lang thang trên mạng tìm mấy code cũ ngày xưa chợt thấy cái hiệu ứng này, dù méo phải mùa đông hay giáng sinh nhưng kệ mẹ éo liên quan cũng đăng lun, tại méo biết đăng cái vẹo gì hết á.

Hiện tại đang là mùa hè nắng nóng xịt cả khói, up bài này cho có chút không khí lạnh giá nhỉ? 🥶

Trang trí blog của bạn với hiệu ứng tuyết rơi mùa đông đón giáng sinh. Xem demo trong hình bên dưới. 👇

Bước 1: Chủ đề > Tùy chỉnh > Chỉnh sửa HTML > Thêm đoạn code dưới đây vào trước thẻ đóng </body> và lưu lại.

<style>.snow-container{position:fixed;width:100%;max-width:100%;z-index:99999;pointer-events:none;overflow:hidden;top:0;height:100%} .snow{display:block;position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;pointer-events:none;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);-webkit-animation:snow linear infinite;animation:snow linear infinite} .snow.foreground{background-image:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju14zHOohP2nD4QHpj6kRuC0C5ql6Ri9Lq6GtvHE2WrXk6IOfdCm90-oqw9GRHzpaq_wcTSCYoAUr5V7GZ8WO1R9q6FvJ_5qkX7un8zmJomwK_UG3HPF2tdP0Mx9RKwjALcMuKuUh7tSwWVBtLOnLWMpyEm1rGi4-Pw7L93DVaa4QJYG3bNVO57NZ9gWc/s16000/snow-large-01.png");-webkit-animation-duration:15s;animation-duration:10s} .snow.foreground.layered{-webkit-animation-delay:7.5s;animation-delay:7.5s} .snow.middleground{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgm-ipWsFcTeQLR-ZRaQ_sw_NBRFWd_MldFtTwZr1qHqQPQv-5oo1Tv-6S3vb4JVYVqGs0rBYEd7-f4UHrndbHDuJotzbH_a8RmPnczw4gChnAQbz9pVa95fum2DgYyGOSThJYQBcmPtL40PvcrJSqj5P7lPTjJKuQ7dLw3GVUKZkpOdk44IEAIppGzJc/s16000/snow-medium-02.png);-webkit-animation-duration:20s;animation-duration:15s} .snow.middleground.layered{-webkit-animation-delay:10s;animation-delay:10s} .snow.background{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8bQD4tGApNEbebldWKYZZvz096EQ6Xtqm3hX06zWCQF1bi1cXa2XWJakfS_dGrp-das5PaYp1WEMP6XVh50aPUuvgGq2N_UsrJvghy4aa6vVOQuYGN8oIFqHipwtbs2M3VGVTY0WrS-q_8cATISOKuxSOaYP9nICu4TUXg-hP_UA9yXTjC201UqO4lUk/s16000/03.png);-webkit-animation-duration:25s;animation-duration:20s} .snow.background.layered{-webkit-animation-delay:12.5s;animation-delay:12.5s} @-webkit-keyframes snow{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{-webkit-transform:translate3d(5%,100%,0);transform:translate3d(5%,100%,0)}} @keyframes snow{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{-webkit-transform:translate3d(5%,100%,0);transform:translate3d(5%,100%,0)}}</style>
<div class="snow-container">
<div class="snow foreground"></div>
<div class="snow foreground layered"></div>
<div class="snow middleground"></div>
<div class="snow middleground layered"></div>
<div class="snow background"></div>
<div class="snow background layered"></div>
</div>

Ờm thế là xong cmn rùi, mấy cái code này tranh thủ sưu tầm về chứ trang nguồn tuyệt chủng mịe rồi. 🤕

Hashtag: Trang trí blog của bạn với hiệu ứng tuyết rơi mùa đông đón giáng sinh

Blogger Chitose2D Code hay tiện ích