تایپ یک متن

[titans]

با سلام!
من یک صفحه نوشتم که وقتی کاربر روی دکمه 1 یا ! با کد 49 کلیک میکنه یه متنی براش نمایش داده بشه ما میتونیم از این کد استفاده کنیم!
document.body.addEventListener('keydown', function (e) { var keyCode = e.keyCode;
if(keyCode == 49) {
document.getElementById('text2').innerHTML = (' > YES');
}
});

اما من میخوام اون تایپ بشه یعنی افکت تایپ داشته باشه پس یه کتابخانه به اسم typed.js به صفحه اضافه کردم اینم ادرسش [کلیک کنید (https://cdn.jsdelivr.net/npm/typed-js@0.2.3/core/index.min.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]

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