تایپ یک متن

[titans]

با سلام!
من یک صفحه نوشتم که وقتی کاربر روی دکمه 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

<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 ) رو میزنه متن تایپ بشه!
ممنون میشم راهنمایی کنید!

[plague]

خب سوال یا مشکلت چیه !
وقتی کی کد 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(); }

                        });

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

[titans]

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

[plague]

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


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

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

هستش

[titans]

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

[plague]

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

[titans]

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

[plague]

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


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

new Typed()

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

Typed.new()

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

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

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

[titans]

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

[plague]

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