Project 1
This commit is contained in:
@@ -0,0 +1,31 @@
|
||||
<!DOCTYPE html >
|
||||
<html>
|
||||
|
||||
<div class=“output”>
|
||||
<h1>Hello</h1>
|
||||
<div>Test</div>
|
||||
<ul>
|
||||
<li id="one">One</li>
|
||||
<li class="red">Two</li>
|
||||
</ul>
|
||||
<div>Test</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
const output = document.querySelector(".output");
|
||||
const mainList = output.querySelector("ul");
|
||||
mainList.id = "mainList";
|
||||
console.log(mainList)
|
||||
const eles = document.querySelectorAll("div");
|
||||
for (let x = 0; x < eles.length; x++) {
|
||||
console.log(eles[x].tagName);
|
||||
eles[x].id = "id" + (x + 1);
|
||||
if (x % 2) {
|
||||
eles[x].style.color = "red";
|
||||
} else {
|
||||
eles[x].style.color = "blue";
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user