katsparrow / homework

0 stars 0 forks source link

19/11 #6

Open ivchenkodima opened 6 years ago

ivchenkodima commented 6 years ago
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        table, tr, td { 
            border: 1px solid red;
            padding: 15px;
         }
    </style>
    <script>
        window.onload = function(){
            var person = {
                name: "",
                suname: "",
                age: "",
                sex: "",
                langs: []
            };
            person.age = 25;
            var list = [{
                name: "Olya",
                suname: "K",
                age: "13",
                sex: "f",
                langs: ["en"]
            },{
                name: "Ihor",
                suname: "R",
                age: "55",
                sex: "m",
                langs: ["ru"]
            },{
                name: "Ira",
                suname: "W",
                age: "33",
                sex: "f",
                langs: ["pl"]
            }];
            var tableHead = ['name','suname','age', 'sex', 'langs'];

            function printList(array){
                var table = document.createElement("table");
                var thead = document.createElement('thead');
                var tr = document.createElement('tr');
                for(var j=0; j<tableHead.length; j++){
                    var td = document.createElement('td')
                    td.innerText = tableHead[j];
                    tr.appendChild(td);

                }
                thead.appendChild(tr);
                table.appendChild(thead);
                for(var i = 0; i < array.length; i++){
                    console.log(i, array[i]);
                    var tr = document.createElement("tr");
                    for(item in array[i]){
                        var td = document.createElement("td");
                        td.innerText = array[i][item];
                        tr.appendChild(td);

                    }
                    table.appendChild(tr);
                }
                document.body.appendChild(table);
            }
            function addPerson(){
                var newPerson = {
                    name:"",
                    suname: "",
                    age: "",
                    sex: "",
                    langs: []
                }
                for(item in newPerson){
                    newPerson[item] = prompt("enter your " + item);
                }
                list.push(newPerson);
            }

            var exit = false;
            do {
                var  a = +prompt("Enter action.1 - add 2 - whatch list 3 - out");
                switch(a){
                    case 1:{
                        addPerson();
                    }
                    break;

                    case 2: {
                        printList(list);
                    }
                    break;

                    case 3: {
                        exit = true;
                    }
                    default: {
                        exit = true;
                    }
                }
            } while(exit === false)
        }

        // var a = {};
        // a.name = "dima";
        // a.sr = 'Iv';

        // var person = {
        //  name: 'Dima'
        // };

        // person.sex = 'male';
        // person['sex'] = 'female';

        // var ar = [{name: "dima"},{ name: "kate"}];
        // ar[0]['sex'] ='male';

        // var a = 2;
        // var v = 3;

        // function sum() {
        //  var c = a + v;
        //  console.log(c);
        // }

        // function sum2(x1, x2) {
        //  return x1 + x2;
        // }

        // var result = sum2(3,4); // 7
        // var result2 = sum2(5,6); // 7
    </script>
</head>
<body>

</body>
</html>