#screen.now {
background-color: greenyellow;
}
</style>
</head>
<body>
<div id="screen" class="waiting">클릭해서 테스트를 시작하세요</div>
<div id="result"></div>
<script>
const $screen = document.querySelector('#screen');
const $result = document.querySelector('#result');
</script>
</body>
</html>
CSS로 클래스별로 색을 미리 지정해 둡니다. waiting 클래스는 대기 화면인 파란색이고, ready 클래스는 준비 화면인 빨간색, now 클래스는 측정 화면인 초록색입니다.