Project 1

2021-11-24 21:30:36 +05:30
parent ae4c0ef2d7
commit 097dae8a04
1 changed files with 31 additions and 0 deletions
@@ -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>