Как сохранить на странице динамически добавленные элементы HTML?

alexalexes, смотрите, у меня своего рода калькулятор, который позволяет создавать объекты и пересчитывать/оперировать/хранить и т.д. их свойства, так вот при добавлении объекта в систему - добавляется и его, своего рода кнопка в интерфейсе, чтобы можно было напрямую в этот объект добавлять новые данные. Соответственно хочу каким-то образом сделать так, чтобы вот эти добавленные элементы интерфейса сохранялись при обновлении страницы по принципу хранения данных в LocalStorage. Это хранение должно быть локальным, то есть только для текущего пользователя и по нажатию условной кнопки "Удалить все данные" или "Сброс" - страница возвращалась в исходное состояние, до модификации.

Как динамически создать несколько объектов JavaScript?

Дмитрий Добрышин, дело в том, что там описано создание объекта путем присвоение переменной, по которой можно обращаться к свойствам созданного объекта.
А как быть с созданием объекта динамически, не получится же каждый раз создавать уникальную переменную для каждого объекта?
Как в дальнейшем работать с такими объектами? Как обратиться к свойству определенного объекта?

Как реализовать удаление элемента, по которому произошел клик?

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

Как реализовать удаление элемента, по которому произошел клик?

В таком случае как не поудалять все элементы внутри блока, на который повешен обработчик? Как фильтровать события, как-то по классу элемента реализуется?

Как реализовать удаление элемента, по которому произошел клик?

Алексей Скляров, так это же вызов функции. А в функции что ни напишешь - все ошибка кроме console.log()

Как по запросу на сервер вернуть значение ячейки массива?

Артем, так тут дело в том, что с первого взгляда, мне показалось, что я понял как происходит это на JQuery, но сейчас понимаю, что это не так.

Как я понял, на нативном JS посылается просто пустой запрос, который сервер должен обработать каким-то образом. Я ради эксперимента брал ваш код, написанный выше и проверял что он выдает в консоли. А в консоли он выдает объект responsive, где тогда значения ячейки массива?

Как по запросу на сервер вернуть значение ячейки массива?

Артем, так а написать это как и где? Я не понимаю,

fetch('/index.php')      // адрес
  .then(function(response) {     // тут как я понял ничего не меняется
       alert(response);     // вроде как тело запроса, что тут писать я не понимаю. Название массива?
   })
  .catch( alert );     // этого вообще не понял

На сайтах не описывается синтаксис самого запроса, что и как запрашивать, примеров нет, только написано, что сам запрос пишется в теле запроса

Как по запросу на сервер вернуть значение ячейки массива?

Артем, и все равно я не догоняю синтаксиса Object Response. Что там нужно написать? И вообще какой вариант нужно выбрать? Я не могу понять где и как именно указывать то, что я хочу от сервера? Как показать серверу, что среди массивов, грубо говоря, нужно взять этот массив, а в нем рандомную ячейку и вернуть ее обратно в JS?

Как по запросу на сервер вернуть значение ячейки массива?

Артем, я вот не понимаю, почему alertы стоят, зачем?
Зачем на сервере строка echo array_rand($data);?
Ну и самое главное, что данный запрос запрашивает-то? Все в точности сделал, только вылетел алерт Object Response

Как по запросу на сервер вернуть значение ячейки массива?

Да я понимаю, что это через Ajax работает, но я пока еще не силен в ни в нем, ни в PHP. Я хотел бы увидеть пример запроса на сервер с нативного JS в котором можно прописать необходимые аргументы (название массива, номер его ячейки), по примеру понять логику процесса и уже дальше работать. На JQuery я понял в чем смысл и как делать, а вот на нативном сложно. JQuery вплетать не хочется ради реализации одного запроса.

Что с JS? Почему выдает ошибку со свойством window?

Никита Полевой: Заработало, но это ведь настройка именно для моего браузера, у других, кто не настроит, будет ошибка. И вообще, почему раньше не было этого? Поменяли что-то?

Что с JS? Почему выдает ошибку со свойством window?

Ярослав Иванов: в смысле? Никаких изменений в коде не было, все в один миг перестало работать

Что с JS? Почему выдает ошибку со свойством window?

Никита Полевой: дополнил

Как реализовать фокус на форме при нажатии на кнопку раскрытия формы?

Андрей Федоров: спасибо)

Как реализовать фокус на форме при нажатии на кнопку раскрытия формы?

Это фокус на элементе формы. А как сделать чтобы вот форма раскрылась и экран прокрутил страницу так, чтобы она была по центру? Как якорь.

Как отрегулировать расположение блоков внутри блока?

Большое спасибо, разобрался, очень помогло!