homework/hw-js-04-structures-evaluations-loops/js/task-04.js

// imperative array fill 3
// Создайте пустой массив и добавьте в него три элемента, введенные пользователем(prompt),
// используя императивный подход(несколько операторов подряд)
const task04block = document.createElement('div');
task04block.style = "border: 2px solid green; border-radius:5px; margin-bottom:10px; padding:10px";
const task04title = document.createElement('h2');
task04title.innerText = 'Task-04  Imperative array fill 3';
const inputPushBtn = document.createElement('button');
inputPushBtn.innerText = 'Start array input by push';
inputPushBtn.style = 'margin-bottom:10px';
const inputDestrBtn = document.createElement('button');
inputDestrBtn.innerText = 'Start array input using destruction';
inputDestrBtn.style = 'margin-bottom:10px; margin-left:10px';
root.appendChild(task04block); 
task04block.appendChild(task04title); 
task04block.appendChild(inputPushBtn); 
task04block.appendChild(inputDestrBtn); 
inputPushBtn.onclick = () => {
let array = [];
array.push(prompt('Ведите 1й элемент массива'), prompt('Ведите 2й элемент массива'), prompt('Ведите 3й элемент массива'));
    const pushedArray = document.createElement('p');
    const pushedArrayTitle = document.createElement('h3');
    pushedArrayTitle.innerText = "Array by .push()";
    pushedArray.innerText = `Array=[${array}]`;
task04block.appendChild(pushedArrayTitle);
    task04block.appendChild(pushedArray);
    console.log(array);
 }
inputDestrBtn.onclick = () => {
let array = [];
array=[...array, prompt('Ведите 1й элемент массива'), prompt('Ведите 2й элемент массива'), prompt('Ведите 3й элемент массива')]
    const destrArray = document.createElement('p');
    const destrArrayTitle = document.createElement('h3');
    destrArrayTitle.innerText = "Array by destruction";
    destrArray.innerText =  `Array=[${array}]`;
task04block.appendChild(destrArrayTitle);
    task04block.appendChild(destrArray);
    console.log(array);
}