FriendStory Chapter 5 Answers - JSFiddle

http://www.basilmarket.com/forum/2849892/0/FriendStorys_Last_chapters_Quiz_answers.html

by MegaScience

HTML

<div class="comment">Just trying to help other people out there
    <ol>
        <li>The Series of water lillies were painted by Manet Answer: X</li>
        <li>Lake Baikal is in the USA Answer: X</li>
        <li>A sea squirt is a kind of plant Answer: X</li>
        <li>The Pale Student teachers eyelashes are 2 pixels long Answer: O</li>
        <li>PDT is 7 hours behind of GMT Answer: O</li>
        <li>MS first started in 2003 in Korea Answer: O</li>
        <li>The Pale Student teachers suit us single breasted Answer: X</li>
        <li>Broken light bulbs should be recycled with other glass (or something) Answer: X</li>
        <li>40+20/10 = 42 Answer: O</li>
        <li>The Lead vocalist of The Beatles was Elton John Answer: X</li>
        <li>Portugal's capital is Lisbon Answer: O</li>
        <li>A declarative sentance always ends in exlamation point Answer: X</li>
    </ol>
</div>

CSS

.answer {
    display: block;
}

.typeO {
    color: blue;
}

.typeX {
    color: red;
}

JavaScript

for(let x of document.querySelectorAll("ol li"))
	x.innerHTML = x.innerHTML.replace(/(Answer: ([X|O]))/, '<span class="answer type$2">$1</span>')

/*var listItems = document.querySelectorAll("ol li");

for(var i = 0; i < listItems.length; i++)
    listItems[i].innerHTML = listItems[i].innerHTML.replace(/(Answer:) ([X|O])/, '<span class="answer type$2">$1 $2</span>');*/