10-2 QUIZ 이름과 전화번호 출력하기

✅ 퀴즈 : 이름과 전화번호 출력하기

이번엔 전화걸기 버튼을 누르면, 2초 뒤에 이름과 전화번호를 출력하는 코드를 작성해 보세요.

HTML

	<div class="container">
        <h1 class="call_name">Who</h1>
        <button class="call_btn">전화걸기</button>
    </div>

JS

const callName = document.querySelector('.call_name');
const callBtn = document.querySelector('.call_btn');

function call(){
    callName.innerHTML = '스펀지밥';
    callBtn.innerHTML = '010-1234-5678';
}

callBtn.addEventListener('click',()=>{
  callBtn.innerHTML = '전화거는중...';
})

callBtn.addEventListener('click',()=>{
  setTimeout(call,2000);
})

좋은 웹페이지 즐겨찾기