js
// id text , id speed 객체
const textEl = ?
const speedEl = ?
const text = '안녕하세요🎈 홍길동의 포트폴리오✨ 사이트 입니다.! 환영🧡합니다~';
let idx = 1; //문자열의 인덱스
let speed = 300 / speedEl.value; //문자열 출력 속도
writeText();
function writeText() {
textEl.textContent = text.slice(0, idx); //idx-1까지 문자열을 잘라내서 입력
//idx를 1씩 증가시킨다.
if (idx > ? ) { //idx가 텍스트 문자열 길이보다 크면
//idx 값을 초기값으로 되돌린다.
}
setTimeout(writeText, ? ); //속도 speed 후에 다시 실행한다.
}
//문자열 속도를 인풋창을 읽어서 다시 설정한다.
speedEl.addEventListener('input', (e) => (speed = 300 / e.target.value));