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