Lesson 17.11 - Githubissues

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        .table{
            border: 1px solid red;
        }
        tr, td {
            padding: 10px;
            border: 1px solid green;
        }
    </style>
    <script>

        var a = [1, 2, 3, 4];

        a.push(1, 2, 3, "hello");
        // printArray(a);

        var r = a.splice(a.length-1,1);
        console.log(r + " removed element");
        // printArray(a);
        function printArray(array){
            for(var i = 0; i < array.length; i++){
                console.log(array[i])
            }   

        }
        console.log(d);
        var d = 5;
        console.log(d);
        var b = [ ];
        // do{
        //  var d = prompt("enter new element");

        //  if(b.length ==5){
        //      break;
        //  }
        //  b.push(d);
        //  var question = confirm("do u whant stay?")
        // } while(question == true)
        // printArray(b);
        var c = [];
        for(var i = 0; i<11;i++){
            c.push(i);
        }
        // printArray(c);

        window.onload = function(){
            var ul = document.createElement("ul");
            for(var i = 0; i<11; i++){
                var li = document.createElement("li");
                li.innerText = i;
                ul.appendChild(li);
            }
            document.body.appendChild(ul);

            var table = document.createElement("table");
            for( var i = 0; i<11; i++){
                var tr = document.createElement("tr");
                for(var j = 0; j<11;j++ ) {
                    var td = document.createElement("td");
                    td.innerText = j;
                    tr.appendChild(td);
                }
                table.appendChild(tr);
            }
            document.body.appendChild(table);
            table.classList.add("table");

            var element = document.getElementsByTagName("tr");
            console.log(element[4]);
            var child = element[4].children[5];
            console.log(child);

            for(var i = 0; i<element.length; i++) {
                for(var j = 0; j < element[i].children.length; j++){
                    if((i+j)%2 == 0){

                        var current = element[i].children[j];
                        current.style.backgroundColor = '#000';
                        current.style.color = '#fff';

                    }
                }

            }

        }

    </script>
</head>
<body>

</body>
</html>
katsparrow / homework

Lesson 17.11 #5
