На странице находится список ul с семью цветами, написанными на английском языке. Нужно чтобы в цикле alert поочередно выводил внутреннее содержимое каждого пункта li, и сразу после этого этот текущий пункт зарисовался тем цветом, который в нем записан.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<ul>
<li>red</li>
<li>green</li>
<li>yellow</li>
<li>coral</li>
<li>gray</li>
<li>violet</li>
</ul>
<script src="./script.js"></script>
</body>
</html>
let liArr = document.getElementsByTagName('li');
//console.log(liArr[2].innerText);
for(let i = 0; i<= liArr.length; i++){
liArr[i].style.backgroundColor = liArr[i].innerText;
alert(liArr[i].innerText);
}