fix

Author: ru51a4

index.html

@@ -30,12 +30,49 @@
 
     <div class="container d-flex flex-column align-items-center">
         <div class="row d-flex flex-column align-items-center">
+
             <h2>
                 <a href="https://github.com/ru51a4/minimal_react">rrender</a>
-                - framework for building user interfaces
+                - <span class="ttext"></span>
             </h2>
             <br /><span style="text-align: center">https://cdn.jsdelivr.net/gh/ru51a4/rrender/dist/rrender.js</span>
             <br />
+            <script>
+                let textArray = ["framework for building user interfaces.", "like vue but shit.", 'xml комбайн.'];
+                let textIndex = 0;
+                let charIndex = 0;
+                let isDeleting = false;
+                let element = document.querySelector(".ttext");
+
+                function typeWriter() {
+                    // Условие для добавления и удаления текста
+                    if (!isDeleting && charIndex < textArray[textIndex].length) {
+                        // Добавление символов
+                        element.textContent += textArray[textIndex].charAt(charIndex);
+                        charIndex++;
+                        setTimeout(typeWriter, 100); // Задержка между символами
+                    } else if (isDeleting && charIndex > 0) {
+                        // Удаление символов
+                        element.textContent = textArray[textIndex].substring(0, charIndex - 1);
+                        charIndex--;
+                        setTimeout(typeWriter, 100);
+                    } else {
+                        // Переключение между словами
+                        isDeleting = !isDeleting;
+                        if (!isDeleting) {
+                            textIndex++;
+                            if (textIndex >= textArray.length) {
+                                textIndex = 0;
+                            }
+                        }
+                        setTimeout(typeWriter, 500); // Задержка между словами
+                    }
+                }
+
+                // Запуск анимации
+                typeWriter();
+
+            </script>
         </div>
         <div class="mt-5 row d-flex justify-content-center" style="text-align: center">
             <h2>online demo:</h2>