CODEWITHSUNDEEP
javascripthtmlcss
kranthi
kranthi

Reputation: 21

how to add CSS for a innerhtml in javascript

in my innerhtml, i have pass and fail and i want to add css properties for these.

function display()
{
    var a=document.getElementById("myList");
    var dropdownvalue = a.options [a.selectedIndex].text;
    var b=document.getElementById("myText").value;

    if(dropdownvalue == b.substring(0,4)) {
        document.getElementById("result").innerHTML = "Pass"; 
    } else {
        document.getElementById("result").innerHTML = "Fail";  
    }
}

Upvotes: 1

Views: 4295

Answers (1)

Renaldo Balaj
Renaldo Balaj

Reputation: 2440

you can use .style

if(dropdownvalue == b.substring(0,4)) {
        document.getElementById("result").innerHTML = "Pass"; 
        document.getElementById("result").style.color = "green";
     }
        else {
        document.getElementById("result").innerHTML=    "Fail";  
        document.getElementById("result").style.color = "red";
     }

Comment for any questions :)

Upvotes: 2

Related Questions