تایپ یک متن

با سلام!
من یک صفحه نوشتم که وقتی کاربر روی دکمه 1 یا ! با کد 49 کلیک میکنه یه متنی براش نمایش داده بشه ما میتونیم از این کد استفاده کنیم!

            document.body.addEventListener('keydown', function (e) {                var keyCode = e.keyCode;

                if(keyCode == 49) {

                    document.getElementById('text2').innerHTML = (' > YES');

                }

            });

اما من میخوام اون تایپ بشه یعنی افکت تایپ داشته باشه پس یه کتابخانه به اسم typed.js به صفحه اضافه کردم اینم ادرسش [کلیک کنید]و این ها کد جاوااسکریپ اجراییش هستش

document.addEventListener('DOMContentLoaded', function(){



                        Typed.new("#typed", {

                            stringsElement: document.getElementById('typed-strings'),

                            typeSpeed: 30,

                            backDelay: 500,

                            loop: false,

                            contentType: 'html', // or text

                            // defaults to null for infinite loop

                            loopCount: null,

                            callback: function(){ foo(); },

                            resetCallback: function() { newTyped(); }

                        });





                        var resetElement = document.querySelector('.reset');

                        if(resetElement) {

                            resetElement.addEventListener('click', function() {

                                document.getElementById('typed')._typed.reset();

                            });

                        }





                    });

اینم کد html

کد HTML:

---

<div >                <div class="wrap">                    <div class="type-wrap">                        <div id="typed-strings">                            <p dir="ltr" id="text1"></p>                        </div>                        <span id="typed" style="white-space:pre;"></span>                    </div>                </div>            </div>

---

پس باید این دو کد با هم تررکیب بشن تا وقتی کاربر دکمه 1 یا ! (با کد کلیک 49 ) رو میزنه متن تایپ بشه!
ممنون میشم راهنمایی کنید!

خب سوال یا مشکلت چیه !
وقتی کی کد 49 رو زد

                        Typed.new("#typed", {

                            stringsElement: document.getElementById('typed-strings'),

                            typeSpeed: 30,

                            backDelay: 500,

                            loop: false,

                            contentType: 'html', // or text

                            // defaults to null for infinite loop

                            loopCount: null,

                            callback: function(){ foo(); },

                            resetCallback: function() { newTyped(); }

                        });

اینو اجرا کن و المنتش رو هم تغییر بده به المنت خودت

مشکل اینکه که باید بعد از اینکه دکمه 49 زده شد افکت اجرا بشه اما نمیشه و فقط نمایش داده میشه(بدون افکت) من همین کدی که شما فرستادین قبلا تست کردم جواب نمیده!(هر دوتا کد به صورت جداگانه کار میکن)

فایلی که اضافه کردی اشتباهه اون برای نصب با npm هستش


فایل cdn تو گیت هاب نوشته آدرس

<script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.12"></script>

هستش

بازم درست کار نمیکنه! متن بدون افکت به نمایش در میاد!
فکر کنم در ترکیب کد هام دچار مشکل میشم ولی هنوز نمیدونم کجاش مشکل داره!

تو کنسولت نگاه کن ببین اررور چی داری اگه بلد نیستی سرچ کن ببین چجوری باید js رو دیباگ کنی

توی کنسول دیدیم این ارور میداد
Typed.new is not a function
at HTMLDocument.<anonymous> (index.html:189)

https://github.com/mattboldt/typed.js/issues/326


به نظر میاد که باید

new Typed()

استفاده کنی بجای

Typed.new()

توی راهنماش نوشته

var typed = new Typed('.element', options);

https://github.com/mattboldt/typed.js

ارورش رفع شد ولی هنوز کار نمیکنه!

احتمالا شناسه (آیدی یا کلاس ) المنتی که میخای توش تایپ بشه رو جای درستی نمینویسی یا اشتباه مینویسی