Как добавлять сложные HTML блоки?

edward_freedom,

let div = document.createElement('div');
div.class = 'close';
//appendChild

let div = document.createElement('div');
div.textContent = 'Text';
//appendChild

ругается на то, что второй элемент

Почему прослушивание вешается не на все элементы?

Спасибо, понял. Работает)

Почему прослушивание вешается не на все элементы?

а как обратиться к методу самого объекта?

Что лучше, самовызывающаяся функция или объект для плагина?

Спасибо.

Что лучше, самовызывающаяся функция или объект для плагина?

Владимир, да мне то проще по методу 1. Просто не хотелось бы, потом отдать код другим кодерам и слушать негодования)

Что лучше, самовызывающаяся функция или объект для плагина?

Ребят, и всё же, как делать то?)
Мне надо как раз инкапсулировать всё внутрь моего плагина. Переменные, методы.
По сути, но встраивается в body. Создает нужные дивы и кнопки, вешает на них addEventListener и тд.
Обычная галерея на JS.

Что лучше, самовызывающаяся функция или объект для плагина?

sinneren, а первый пример, он хуже разве?

Что лучше, самовызывающаяся функция или объект для плагина?

Сергей Соколов, на javascript.

Что лучше, самовызывающаяся функция или объект для плагина?

Сергей Соколов, требований нет. Сделать самостоятельный блок сайта, который хранит в себе все значения, методы. Ни с кем не взаимодействует. Сам по себе.

Как запустить методы объекта после работы инициализации?

WbICHA, не получилось. я с этого и начал. Слабо пока разбираюсь в JS.

Как запустить методы объекта после работы инициализации?

Благодарю.

Где в скрипте лишний / неправильный return?

спасибо

Где в скрипте лишний / неправильный return?

то есть, выходит я всё верно сделал?)

Как прочитать файл в момент отправки?

Надим Закиров, да решение то уже написали ниже. там не всё так просто было.

Как прочитать файл в момент отправки?

Надим Закиров, ну конечно. просто я не разобрался как результат работы FileReader сохранить в переменную. В инете много примеров, где через callback данные сохраняются. А я не настолько крут в этом языке, чтобы осилить такое)

Как прочитать файл в момент отправки?

Надим Закиров, ну потому что в ajax улетают все данные. name, price и картинка в виде blob

Как прочитать файл в момент отправки?

спасибо. вот это код)))) теперь его разбирать

Как прочитать файл в момент отправки?

Надим Закиров, rороче, надо весь код отсюда

document.getElementById('file').addEventListener('change', function (e){
  //этот код
});

перетащить в send()
без использования промежуточного поля hidden

Как прочитать файл в момент отправки?

Надим Закиров, да, но мне бы используя FileReader добавить переменную
data.file = result_FileReader;
к общему объекту

let data = {
    name: document.getElementById('name').value,
    price: document.getElementById('price').value,
  };

Как прочитать файл в момент отправки?

Надим Закиров, Мне надо отправить POST на сервер. В поля name и price я вписывают название и цену. Пока всё просто.

Далее выбираю файл, который тоже надо отправить и я хочу, чтобы FileReader сработал не тогда, когда я прикрепил файл, а когда нажал кнопку отправить.

<input type="button" value="Send" onclick="send()">

Иными словами тут должно быть так

function send(){

  let data = {
    name: document.getElementById('name').value,
    price: document.getElementById('price').value,
  };

  //если файл добавлен в поле input file то вызвать FileReader и результат его работы запихать вот сюда
  //data.file = результат FileReader

  console.log(data);
}