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

김형석·2022년 4월 20일
0

codemate-javascript

목록 보기
18/20

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

이번엔 전화걸기 버튼을 누르면, 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);
})
profile
블로그 이사 : https://hengxi.tistory.com

0개의 댓글

관련 채용 정보