[자바스크립트] 문자열 FONTCOLOR () 메서드

 

내가 원했던 것 :  5의 배수가 맞으면 입력한 숫자의 색깔이 블루, 틀리면 빨강으로 변하게 하고 싶었음

 

 

 

 

 

 

일반 텍스트가 아닌 변수 안에 들어가있는 값의 스타일을 변경하고 싶을때 사용

 

여기서 num은 변수이므로 css로 변경하기 힘듬

 

→ num.fontcolor("blue")

 

이런식으로 사용

 var resultArea = document.querySelector("#result"); 
    function input(){
        var num = document.querySelector("#input").value;
        console.log(num);
        if(num === null || num === ""){
            resultArea.innerHTML="<h1>숫자를 입력해주세요.</h1>.";
        }else if(num == 0  || num>=101){
            resultArea.innerHTML="<h1>1~100사이의 숫자를 입력해주세요.</h1>.";
        }else if(num<=100){
            if(num%5===0){
            	//여기서 num.fontcolor("blue") 이런식으로 사용하면 됨
                resultArea.innerHTML="<h1>"+num.fontcolor("blue")+"은(는) 5의 배수가 맞습니다.</h1>";
            }else {
                resultArea.innerHTML="<h1>"+num.fontcolor("red")+"은(는) 5의 배수가 아닙니다.</h1>";
            }
        }
    }

 

www.w3bai.com/ko/jsref/jsref_fontcolor.html