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