Question

I’m trying to change the background color on strings that contain certain text styles (using javascript). For example, I want to make all the text that doesn’t contain any caps have a green background and any string that contains a word that’s all caps have a red background.

I know I’d need to use a conditional if statement but I’m not sure how I can achieve what is desired.

Below is a link to my js fiddle. Any thoughts would be appreciated. Thanks!

http://jsfiddle.net/gnXCr/

-D

Answer 1

Basically, you split your string by words, loop through those words, then in each word loop through each letter and check if it is uppercase by checking if the letter and the letter.toLowerCase() are different. Something like this:

function hasAllCapsWord(string) {
    var words=string.split(" ");

    for (var i=0;i<words.length;i++) {
        var letters=words[i].split("");
        var wordIsAllCaps=false;

        for (var j=0;j<words.length;j++) {
            if (letters[j] && letters[j]!=letters[j].toLowerCase()) {
                wordIsAllCaps=true;
            }
        }

        if (wordIsAllCaps) return true;
    }

    return false;
}