JS 设置字体颜色

Question

I'm making a game in JavaScript and I want to change te text color.

This is a part of the code:

if (game.active) {
    this.damageCountry(otherLost, country);
}
battle.sendMessage("You have failed to " +     
game.normalizeCountryName(country) + " conquer", 
    "<em>" + game.normalizeCountryName(country) + "'s losses: </em>"+ 
     Math.round(otherLost).commafy() + "</br><em>your losses: </em>" + 
     Math.round(lost).commafy());

I want to change the text color of battle.sendMessage.

this.sendMessage    =   function(title, message){
    $(".battle").show();
    $(".battle>h1").first().html(title);
    $(".battle>p").first().html(message);
    this.title      =   title;
    this.message    =   message;

Answer 1

this.sendMessage    =   function(title, message){
    $(".top-message").show();
    $(".top-message>h1").first().html(title).css('color', 'red');
    $(".top-message>p").first().html(message).css('color', 'red');
    this.title      =   title;
    this.message    =   message;

This will make the font-color red. Change as you would like.

---

This uses jQuery $.fn.css() learn more here

---

Change the following:

 battle.sendMessage("You have failed to <span style=\\"color:red\\">" + game.normalizeCountryName(country) + "</span> conquer", "<em>" + game.normalizeCountryName(country) + "'s losses: </em>"+ Math.round(otherLost).commafy() + "</br><em>your losses: </em>" + Math.round(lost).commafy());

Add:

 "<span style=\\"color: YOUR_COLOR;\\">Text...</span>"