- Create the following folder/file structure:
/ex_27
|-- index.html
- Create a basic HTML document
- Create a script tag on the document head element
- Add the following html code
<!DOCTYPE html>
<html lang="en">
<head>
<title>It's all JavaScript Baby!!</title>
</head>
<body>
</body>
</html>
- Select the body element
- Define a numbers array with numbers between 1 and 100
- Create a ul element
- Iterate the numbers array and execute the following task for each item:
- Create a li element
- Set the following text: Item %number% as li element content
- Add
color: #ddd
as li element style property if it's even number - Else add
color: #eee
as li element style property - Insert each list item into the ul element
- Insert the ul element into the body element