10.2.1 화면 만들기

    response-check.html 파일을 만들고 대기 화면을 만드는 기본 코드를 작성합니다.

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8" />
    <title>반응속도</title>
    <style> 
    #screen {
      width: 300px; 
      height: 200px;
      text-align: center; 
      user-select: none;
    }
    #screen.waiting { 
      background-color: aqua;
    }
    #screen.ready { 
      background-color: red; 
      color: white;
    }
    
    신간 소식 구독하기
    뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.