mi-dexigner · November 18, 2025 23:11
diff --git a/index.html b/index.html
 <p class="auto-readmore">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Voluptas, perspiciatis? Aliquam ipsam doloremque officia harum dignissimos enim deleniti consequatur debitis tenetur architecto quam fuga qui animi error obcaecati, eaque repellendus necessitatibus fugit adipisci non, expedita eligendi repudiandae ab! Nihil harum doloremque, quae nulla necessitatibus exercitationem nostrum cum quaerat accusamus saepe sunt nesciunt asperiores, iure quisquam non aut quo odio eligendi quod? Blanditiis cum tempore ipsum repellat molestiae similique itaque voluptatibus quos exercitationem atque labore, ipsa, nulla dolorum. Hic autem aliquid voluptatum exercitationem quidem aspernatur, quo ipsum eveniet quod labore molestias sequi doloribus, nobis alias voluptatem, quos perferendis veritatis dignissimos ab? Ullam, hic aspernatur autem quasi id alias cupiditate tenetur rerum quo aperiam pariatur praesentium recusandae distinctio, quia dolor, cum quis magnam esse fugit. Suscipit qui cupiditate atque dolorum accusantium reprehenderit officiis porro, quidem provident optio ipsam nobis repudiandae delectus? Voluptas tempora itaque sit assumenda odio. Tempora voluptates corporis commodi sapiente autem impedit similique nemo voluptatum soluta voluptas maiores in minima, fugit ratione quisquam iusto sit saepe vel laudantium deserunt totam! Ducimus illum consequatur aliquid dolore velit, amet commodi praesentium voluptatum sapiente perferendis accusantium quo nostrum ab debitis a delectus, harum cupiditate veniam quia blanditiis! Neque accusamus alias exercitationem numquam, ipsam mollitia vel fugit veritatis explicabo dicta, assumenda delectus odit nobis molestiae eligendi earum magnam recusandae aut omnis culpa quam eum. Veniam suscipit, est commodi quod repudiandae, consectetur cupiditate exercitationem fuga sequi itaque ab totam illo, cum enim quas esse numquam laudantium hic non. Explicabo fugiat expedita, necessitatibus rerum assumenda voluptatum dolore ab quidem beatae culpa repellendus tempora nemo delectus et doloremque a, dolorum, dolores facilis. Veniam explicabo, iste tempora praesentium assumenda nostrum aperiam corrupti odio accusamus expedita labore consequatur nisi, eius nam temporibus? Soluta laboriosam tempora quo ea, laudantium inventore, libero voluptas dolorem voluptatem facere quibusdam omnis itaque assumenda saepe molestiae cumque, minus tenetur qui officiis incidunt eos illo! Possimus aspernatur, fugit temporibus ipsum eaque ea excepturi illum cum dignissimos debitis perspiciatis ad minima dicta, voluptatibus aperiam architecto quae! Repellat ipsa quisquam cupiditate libero vero debitis, aspernatur voluptate officiis eos voluptates rerum quas nam qui ea quae veritatis molestiae omnis fugit quo nisi, voluptatem numquam dicta. Architecto dolorem fugit, consequuntur distinctio quod placeat delectus repellendus nobis, reprehenderit sapiente impedit ut rem. Velit alias iusto in, dolor repellat cupiditate eos cumque rem nemo, itaque id at? Ratione similique tempora fuga porro, laudantium, repudiandae, velit consectetur quisquam natus provident cupiditate. Deleniti et tempore nobis rem itaque! Minus adipisci vitae voluptates dolor itaque, totam voluptas a veniam. Illo laudantium ab ea dolores perferendis, unde error reprehenderit aliquid, a nisi maiores. Provident quae dolorum culpa omnis. Perferendis dolorum illo mollitia nostrum. Quis numquam, incidunt culpa iste deleniti natus iusto officia eius nobis atque sit consequatur odio dolores praesentium fugit reiciendis esse, libero aliquam aspernatur ullam ipsa fuga! Aliquam ut culpa natus laborum nam perspiciatis quidem cupiditate error, dolore molestias totam suscipit vel explicabo qui distinctio, tempora dolorum deserunt? Dolor ratione dolore iusto esse, facere illo ipsa fuga nobis molestiae tempora ut magni deleniti. Aperiam quidem iure animi ullam nemo laudantium suscipit fugit similique ducimus saepe vel, culpa voluptatibus voluptatum quas cumque odit ipsa eveniet voluptate commodi earum placeat. Nesciunt libero, inventore ducimus totam aut adipisci voluptates veritatis. Sapiente pariatur dolores iste molestiae neque, dolor animi ipsa quas totam vitae beatae quibusdam laudantium doloremque veniam repellendus, et quos cum. Incidunt voluptates minus amet ea distinctio neque, quidem, ipsam illo id obcaecati iste eaque eius voluptas praesentium expedita, aut doloremque quo exercitationem dolor nesciunt architecto atque nam! Reprehenderit, facilis officia? Aperiam, soluta consectetur voluptatem voluptatum, ratione illo reprehenderit facere officiis atque fuga eius repellendus. Nihil placeat tempora voluptatum numquam nobis repellat minima amet? Voluptatem quos temporibus architecto sapiente exercitationem eaque saepe pariatur rerum assumenda soluta adipisci incidunt error debitis veniam dolores quia, modi corrupti nostrum reiciendis, ipsam earum qui. Quos perspiciatis modi aut ducimus? Quam veniam deserunt inventore quia quod itaque asperiores dolorum nobis! Mollitia deserunt sed obcaecati odit quos eius doloremque, earum dolorem cupiditate voluptatem velit, natus tempora atque libero aut inventore voluptates. Vero suscipit sunt dolores. Placeat, eum ab? Eos culpa unde provident eum aperiam expedita impedit fuga, quibusdam obcaecati inventore repellendus autem et consequuntur enim porro nemo dolores deleniti. Dolore voluptatibus tempore ducimus eaque sunt numquam ipsa nisi? Animi obcaecati voluptatum harum recusandae nostrum voluptatibus reprehenderit nulla voluptatem fuga. Ratione, enim atque nisi eius repudiandae, obcaecati, sunt exercitationem blanditiis porro quibusdam iste totam laudantium alias quos sint. Labore voluptates, in et voluptatem veritatis, voluptatum modi dicta aliquid dolores, necessitatibus eos architecto mollitia ipsum aperiam beatae dignissimos reprehenderit exercitationem. Necessitatibus dolore voluptatum nesciunt est reprehenderit quibusdam, praesentium eum consequuntur assumenda recusandae provident nostrum accusantium atque maiores, earum rerum impedit corrupti adipisci sed eaque soluta error, eligendi maxime quas? Animi sapiente reiciendis velit ut quam sed quae nesciunt, autem exercitationem totam iste repudiandae laborum veritatis, molestiae nam sint eveniet quaerat quos dolores magni voluptates aliquid! Aut reprehenderit cum itaque labore, esse, rerum, fugiat et nemo fuga quasi cupiditate. Libero laudantium sit nesciunt iusto labore? Officiis, aperiam iste porro aliquid cum ipsam accusamus id veniam distinctio molestias non quos ipsa quia, impedit quis ratione explicabo assumenda. Quibusdam quidem itaque consectetur quaerat deserunt odio repellat incidunt enim quisquam praesentium dolorum similique, libero laudantium impedit at officia et optio alias, voluptates laboriosam laborum sit aliquam fugit officiis? Itaque, laboriosam odit repellendus iure, magni dicta vitae laudantium fuga modi architecto nobis exercitationem numquam ab tempora impedit ipsum, quo eos?</p>
diff --git a/Script.js b/Script.js

 document.addEventListener("DOMContentLoaded", function () {
    const limit = 300;   // Set the trimming limit (example: show only first3200 characters)
    const minLength =500; // Only show Read More if full text is 500 characters or longer

    document.querySelectorAll('.auto-readmore').forEach(function(el) {
        const fullText = el.innerHTML.trim();

        // If the paragraph is shorter than 600 characters, do nothing
        if (fullText.length < minLength) return;

        // Create the short version of the text
        const shortText = fullText.substring(0, limit) + "... ";

        // Store the full text
        el.setAttribute("data-full", fullText);

        // Display the short text initially
        el.innerHTML = shortText;

        // Create the Read More button
        const btn = document.createElement("button");
        btn.textContent = "Read More";
        btn.style.cssText = "background:none;color:rgb(176, 42, 236);border:none;cursor:pointer;font-weight:bold;";

        // Toggle behavior for Read More / Read Less
        btn.addEventListener("click", function() {
            if (btn.textContent === "Read More") {
                el.innerHTML = fullText;
                btn.textContent = "Read Less";
            } else {
                el.innerHTML = shortText;
                btn.textContent = "Read More";
            }
            el.appendChild(btn);
        });

        // Append the button under the text
        el.appendChild(btn);
    });
 });

	document.addEventListener("DOMContentLoaded", function () {
	const limit = 300; // Set the trimming limit (example: show only first3200 characters)
	const minLength =500; // Only show Read More if full text is 500 characters or longer

	document.querySelectorAll('.auto-readmore').forEach(function(el) {
	const fullText = el.innerHTML.trim();

	// If the paragraph is shorter than 600 characters, do nothing
	if (fullText.length < minLength) return;

	// Create the short version of the text
	const shortText = fullText.substring(0, limit) + "... ";

	// Store the full text
	el.setAttribute("data-full", fullText);

	// Display the short text initially
	el.innerHTML = shortText;

	// Create the Read More button
	const btn = document.createElement("button");
	btn.textContent = "Read More";
	btn.style.cssText = "background:none;color:rgb(176, 42, 236);border:none;cursor:pointer;font-weight:bold;";

	// Toggle behavior for Read More / Read Less
	btn.addEventListener("click", function() {
	if (btn.textContent === "Read More") {
	el.innerHTML = fullText;
	btn.textContent = "Read Less";
	} else {
	el.innerHTML = shortText;
	btn.textContent = "Read More";
	}
	el.appendChild(btn);
	});

	// Append the button under the text
	el.appendChild(btn);
	});
	});
No results found