Skip to main content

Fire Banner Changing Color

$(function(){
    var background = $('.traction-emergency-notification');
    var extbackground = $('.traction-emergency-notification h2');
    var parabackground = $('.traction-emergency-notification p');
    var text = $('.inner h2').text().toLowerCase();
    
    if(text.includes('low')){
      setBackground('#006600');
    } else if(text.includes('moderate')){
      setBackground('blue');
    } else if(text.includes('very high')){
      setBackground('orange' , 'black');
    } else if(text.includes('high')){
      setBackground('yellow' , 'black');
    } else if(text.includes('extreme')){
      setBackground('#B30000');
    }
    
    
    function setBackground(bgColor, textColor){
      background.css('background' , bgColor);
      
      if(textColor){
        background.css('color', textColor);
        extbackground.css('color' , textColor);
        parabackground.css('color' , textColor);
      }
    }
});