Open ivchenkodima opened 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>