다트 : 버튼 텍스트의 색을 변경하는 방법

Question

저는 HTML과 CSS가 처음이고 지난 며칠 동안 다트를 배우고 사용하려고 시도했습니다. 타이머가 끝나면 버튼의 텍스트 색상을 변경하려고합니다.

HTML

<button class="command-btn" type="button" 
    id="calibrate-btn">Calibrate</button> 

CSS

#calibrate-btn { 
    color: black; 
} 

다트

querySelector('#calibrate-btn').setAttribute('color','red'); 

내가 오류 또는 경고를 얻을하지만 색상이 변경되지 않습니다.

Answer 1

당신은 당신의 HTML에 스타일 태그를 추가하거나 외부 * .CSS 파일을 링크하고처럼 다트의 클래스를 변경하는 것입니다

querySelector('#calibrate-btn').style.color = 'red'; 

아마 더 나은 방법을 사용하여 모양을 변경할 수 있습니다

querySelector('#calibrate-btn').classes.add('highlighted');