how to add CSS for a innerhtml in javascript

Question

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";  
    }
}

Follow this post: stackoverflow.com/questions/14753147/…

Mohammadreza Yektamaram
– Mohammadreza Yektamaram

2019-11-28 15:49:40 +00:00
Commented Nov 28, 2019 at 15:49 — Mohammadreza Yektamaram
– Mohammadreza Yektamaram, Commented Nov 28, 2019 at 15:49
yeah, thank for it

kranthi
– kranthi

2019-11-28 16:25:03 +00:00
Commented Nov 28, 2019 at 16:25 — kranthi
– kranthi, Commented Nov 28, 2019 at 16:25

Renaldo Balaj · Accepted Answer · 2019-11-28 15:50:35Z

2

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 :)

answered Nov 28, 2019 at 15:50

Renaldo Balaj

2,45014 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

how to add CSS for a innerhtml in javascript

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related