ostapenkonataliia
/
HomeWork_JS


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142
							// 1.  Literals +
// Найдите несколько окружающих объектов реального мира и создайте соответственные объекты Javascript. Например:
/*{
    const dog = {
        name : "leo",
        color : "orange",
        breed : "spitz",
}
}*/

// 2. Literals expand +
// Дайте возможность пользователю добавить любые два свойства в эти объекты с любыми значениями. Обеспечьте ввод названия
// ключа и значения через prompt прямо в литерале объекта {}
/*{
    const car = {
        brand : "Toyota",
    }
    car[prompt("Введите ключ")] = prompt('Введите значение для ключа');
    car[prompt("Введите ключ")] = prompt('Введите значение для ключа');
    console.log(car)
}*/

//3.  Literals copy +
// Пусть пользователь введет еще одно свойство в переменную. Вставьте в новый объект эту переменную.
// Скопируйте объект из предыдущего задания в новый объект.
/*{
    const car = {
        brand : "Toyota",
        model : "Camry",
        year : "2022"
    }
    const newCar = {...car}
    newCar[prompt("Введите ключ")] = prompt('Введите значение для ключа');
    console.log(newCar)
}*/

//4. Html tree продолжение в конспекте
//
//     <body>
//         <div>
//             <span>Enter a data please:</span><br/>
//             <input type='text' id='name'>
//             <input type='text' id='surname'>
//         </div>
//         <div>
//             <button id='ok'>OK</button>
//             <button id='cancel'>Cancel</button>
//         </div>
//     </body>
//


// 5. Parent
// Добавьте каждому объекту тэга из предыдущего задания связь с родителем, используя свойство parent и присвоение

// 6. Change OK
// Добавьте(или измените) любой введенный пользователем атрибут тэга <button id='ok'> из задания HTML Tree. Пользователь также вводит значение этого атрибута.

//7. Destructure
// Используя деструктуризацию структуры из задания HTML Tree, Выведите значения текста в тэге span,
// Выведите значения текста во второй кнопке и Выведите значение атрибута id во втором input.

// 8. Destruct array +
// напишите код, который используя деструктуризацию положит:
// четные числа в переменные even1, even2; нечетные в odd1, odd2, odd3; буквы в отдельный массив
/*{
    let arr = [1,2,3,4,5,"a","b","c"];
    [odd1, even1, odd2, even2, odd3, ...letters] = arr;
} */

// 9. Destruct string +
//// напишите код, который используя деструктуризацию положит: число в переменную number; букву a в переменную s1;
// букву b в переменную s2; букву c в переменную s3
/*{
    let arr = [1, "abc"];
    [number, [s1, s2, s3]] = arr;
} */

//10. Destruct 2 +
//извлеките используя деструктуризацию имена детей в переменные name1 и name2
/*{
    let obj = { name: 'Ivan',
                surname: 'Petrov',
                children: [
                    {name: 'Maria'},
                    {name: 'Nikolay'}]};

    const [name1,name2] = obj.children;
    console.log(name1, name2)
} */

// 11. Destruct 3 +
// извлеките используя деструктуризацию объектов два первых элемента и длину массива в переменные a, b и length
/*{
    const arr = [1,2,3,4,5,6,7,10];
    const {0:a, 1:b, length} = arr;
}*/

// 12. Copy delete
// Сделайте копию одного из объектов из задания Literals без ключа, который введет пользователь.
{
    const dog = {
        name: "leo",
        color: "orange",
        breed: "spitz",
    }
}

// 13.Currency real rate
// Ниже приведен код, который скачивает актуальную информацию о курсах валют. Скопируйте ссылку из него вставьте в браузер интереса ради. Реализуйте калькулятор обмена валют следующим образом:
//
//     Пользователь вводит исходную валюту
//     Пользователь вводит валюту, в которую происходит конвертация
//     Пользователь вводит сумму в исходной валюте
//     Пользовател видит результат конвертации
//
//     fetch('https://open.er-api.com/v6/latest/USD').then(res => res.json())
//      .then(data => {
//             //эта функция запускается когда данные скачиваются.
//             //остальной код работает РАНЬШЕ.
//             //только ТУТ есть переменная data со скачанными данными
//             console.log(data) //изучите структуру, получаемую с сервера в консоли
//         })
//
// Учтите, что пользователь может ввести какую-то дичь или название валют в неверном регистре

// 14. Currency drop down
// Сделайте выпадающий список с названиями всех валют, используя код из прошлого задания и накопление HTML-тэгов в строковой переменной. Для выпадающих списков в HTML предусмотрены тэги <select> и <option>

// 15. Currency table (таблица в конспекте
// Сделайте двумерную таблицу с курсами между всеми возможными парами валют по типу таблицы Пифагора, используя заготовку из задания Currency real rate:

//16. Form в конспекте
// Напишите код, который их любого объекта создает форму HTML. Например для такого объекта

//17. Соответствие типов в конспекте

//18. Table в конспекте
// Даден любой массив с объектами