[HTML/CSS/JS] Как сохранять изменённые в .js данные оффлайн-сервера локально?

Сразу суть вопроса: Разве не может .js просто записывать ключи и значения в некий локальный файл в той же директории, а при необходимости доставать их оттуда?
Дальше пояснения:
Решил сделать оффлайн-сайт для своих нужд (это скорее интерфейс для работы с личными данными), поизучал html, css и js, и написал сайт, имеющий: некий текст, изменяемый с помощью поля input; блоки-ссылки, добавляемые/удаляемые соответствующими кнопками; блок с картинкой, которую я выбираю со своего компьютера также по кнопке, в общем, функционал разнообразный.
Проблема очевидна - все изменения сбрасываются при перезагрузке страницы. Вот я и стал искать способ держать изменяемые параметры у себя же на компьютере, чтобы .js мог перезаписывать и брать их оттуда когда угодно.
Я наткнулся на способ с браузерным хранилищем localstorage, но у меня есть сомнения на его счёт, ведь судя по описанию, данные хранятся в самом браузере, но что если я захочу сменить браузер или перенести папку с файлами сайта на другой компьютер? Или с браузером/пк что-то случится и от сайта останется лишь hdd с основными файлами? Останутся ли данные со мной?
Уже собрался изучать серверный язык, PHP или Node.js, но они требуют настоящего запуска сервера, с ip и отслеживанием портов. Ну или я что-то неправильно понял / не нашёл, ведь упоминание портов и соединения с сервером отвело меня от дальнейшего изучения, поправьте, если не прав.
В общем, есть ли простой способ это сделать? Учитывая то, что сайт всегда будет локальным.
Быть может, я зря грешу на localstorage и он будет сохранять данные физически на компьютере (и я смогу делать с ними что угодно, в том числе открывать в другом браузере).
Или в серверных языках есть такая возможность? Тогда посоветуйте язык для изучения.
Вот бы просто открывать сайт через index.html в любых условиях и всё работало