You create a Web page that contains the following code. (Line numbers are included for reference only.)
01 <script>
02 function changeColor(c) {
03 message.style.color = c;
04 }
05 </script>
07 <p id=”message”>Welcome!</p>
08 <ul id=”color”>
09 <li>Black</li>
10 <li>Red</li>
11 </ul>
You need to ensure that when the user clicks an item in the list, the text color of the “Welcome!” message will change.
Which declaration should you use?
A.
<ul id=”color”>
<li onclick=”changeColor(this.innerText);”>Black</li>
<li onclick=”changeColor(this.innerText);”>Red</li>
</ul>
B.
<ul id=”color”>
<li onclick=”changeColor(this.style.color);”>Black</li>
<li onclick=”changeColor(this.style.color);”>Red</li>
</ul>
C.
<ul id=”color”>
<li><a onfocus=”changeColor(this.innerText);”>Red</a></li>
<li><a onfocus=”changeColor(this.innerText);”>Black</a></li>
</ul>
D.
<ul id=”color”>
<li><a onfocus=”changeColor(this.innerText);”>Red</a></li>
<li><a onfocus=”changeColor(this.innerText);”>Black</a></li>
</ul>