forspamonly2

судя по упоминаемым конфигам, у вас есть шелл.

значит, правильный способ закрыть доступ к /phpmyadmin - снести его полностью.

настройте ssh туннель на порт mysql и цепляйтесь со своей машины нормальными десктопными инструментами.

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

новый элемент списка я бы вам советовал всё равно сделать в виде шаблона, хотя бы простого жабаскриптовского многострочного литерала. вот текст самой тудушки в нём лучше скриптом прописать в innerText, чтобы не эскейпить руками.

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

кнопки "Изменить" "Удалить" лучше показывать не скриптом, а цсс.

ну и самое главное, вы фактически модель данных держите прямо в хтмл элементах. это приемлемо работает только на примитивных примерах, вроде вашего. в большинстве реальных случаев куда проще иметь разделение на модель данных, которыми оперирует скрипт, и их отображение в виде хтмл. почитайте про паттерн model-view-controller.

в свежей монге есть Change Streams
https://docs.mongodb.com/manual/changeStreams/

а других субд, которые позволяют снаружи подписываться на события, на самом деле много. какие-то способы есть как-минимум у постгресса, у оракла, у ms sql, у rethinkdb.
кстати, у двух последних можно прямо подписываться на изменение в выборке по запросу.
наверняка, у других субд тоже что-то есть.

если хочется "только на цсс", то простейший вариант изготовления аккордеона вручную - это выбор развёрнутого в данный момент блока на радиокнопках.

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

заголовки блоков - это лейблы для спрятанных радиокнопок с одинаковым name. видимость блока определяется селектором следующих элементов, вроде такого: input[checked] ~ div.block { display: block; }

юзер тычет в зголовок, кнопка переключается, прошлый блок сворачивается, новый растопыривается.

https://matomo.org/ который в девичестве piwik

ставили в интранетах, всех вполне устраивало

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