//Task 1. // //Есть массив d1, кнопка b-1, input i-1. //

Напишите функцию f1, которая при нажатии читает i-1
// и добавляет его в массив.
// После чего выводит массив в .out-1.
// Поскольку мы будем выводить массив d1 неоднократно,
// то давайте вывод массива сделаем отдельной функцией, showArr

let d1 = [33,'best', 66, 'best'];
button = document.getElementById('b-1');
in1 = document.querySelector('.in-1');
out = document.querySelector('.out1'),

button.addEventListener('click', function(event) {
if (in1.value !== '') {
in1Value = in1.value;
d1.push(in1Value);
}
function showArr() {
out.innerHTML = d1;
}
showArr();
})
Подскажите такое решение данной задачи правильное?

Господи как тут не запутаться

можно подумать, что вы сами сразу стали писать код идеально

Хорош))

Я пишу дерьмовый код

пардон

Пара вопросов есть, конечно. Функция showArr снаружи не видна а внутри не нужна. Переменная in1Value лезет во внешнюю область видимости и тоже не нужна. А if (in1.value !== '') легко превращается в if (in1.value).

если я пишу функцию снаружи тогда сразу выводится массив и уже не действует измененние значечения инпута , за критику спасибо буду учитывать

Я так понимаю из этого смутного задания что функция должна использоваться где-то ещё. Поэтому объявить её надо снаружи, а вот выполнять внутри.

ОООООООО об этом я и не подумал

Ну а вдруг.

я знаю это вы так шутите, но я на эти цацки- пецки не поведусь :)

ну и скажу честно для меня области видимости очччень непонятная тема, вернее сказать трудная тема

А что тебе там не понятно? Давай поможем.

мне непонятно как понимать в какое место что вставлять, например как вызвать функцию снаружи а объявить ее внутри

Так тебе вроде наоборот надо.

Всё просто - никак)

пардон , наоборот

Наоборот если, что не понятно? Сверху объявил - снизу использовал. Можно и наоборот, но только в рамках одного блока.

рамки блока чем обуславливаются

Фигурными скобками {}

Так же функция main является "невидимой" областью / блоком.

У обычных функций, объявленных через ключевое слово function - есть особенность, называется поднятие. Так например функции, которые объявлены в самом низу файла - автоматически поднимаются в самый верх. Благодаря этому можно сделать подобную вещь test(); ... function test() {}