Как сделать так - что бы при выборе несколько кнопок, появлялась еще 1?

https://learn.javascript.ru/introduction-browser-events
https://api.jquery.com/toggleclass/

Как вытащить информацию из реестра на HTML через JS?

Cook1eMonsta, Ну у Вас наверное переменные такие не определены, reg_root или последующие.
Без конкретной ошибки мне Вам нечего сказать, я же не вижу что происходит.

Как рассчитать разницу между двумя датами Javascript?

А Вы уверены что хотите это на клиенте решать?
new Date() - возвращает дату относительно текущего времени на устройстве пользователя. Если у него будет не настроено время, или намеренно настроено другое - то расчёты будут не соответствовать действительности.

Как вытащить информацию из реестра на HTML через JS?

Cook1eMonsta, Если Вы про результат работы кода, то у Вас же там всё написано.
1) Добавьте в HTML, в body элемент с любым идентификатором. Например, как указано в коде, infoText.
То есть <span id="infoText"></span>
2) Определите что Вы хотите в него вывести. Например:

var result2 = WshShell.RegRead(reg_root + reg_key + reg_param);
var blocked = WshShell.RegRead(reg_root + reg_key + reg_param2);

3) Выведите в HTML:

document.getElementById('infoText').textContent =  result2 + blocked

Есть ли способ сократить запись скрипта JS?

1) Чтобы знать как сократить скрипт, который на 100% состоит из работы с DOM, было бы не плохо предоставлять ещё и саму вёрстку, с которой этот скрипт работает.
2) Делать поиск элементов на каждый клик - это трагедия. Поиск элементов в DOM одна из самых дорогих операций.

Как вытащить информацию из реестра на HTML через JS?

Cook1eMonsta, Не думаю что какие-либо тэги могут автоматически разрешить выполнять код activeX. Только групповая политика в самой windows.

Простите а как вывести этот код?

Не совсем понятен вопрос. Сам код вывести? Куда?

Как вызвать псевдокласс :active(hover) элемента при наведении на другой элемент при помощи js?

active на то и active, что показывает какая именно кнопка активная.
На css можно сделать примерно то, о чём Вы спрашиваете только если вторая кнопка будет ниже по дереву чем первая. И в обратную сторону это работать не будет. Только от первой ко второй.

Как вытащить информацию из реестра на HTML через JS?

Cook1eMonsta, Ну смотря куда вывести. Если это просто пустой HTML то можно сделать document.write(OneDrivePath)

СreateElement - как взаимодействовать с созданным элементом?

Антон Михайлов, Да, такое решение тоже имеет место быть, особенно если в элементах, например, есть важная для SEO информация. А так же такое решение не требует js, соответственно, будет работать даже если у пользователя отключен js или js где-то упал с ошибкой и больше не выполняется.

Как вытащить информацию из реестра на HTML через JS?

Cook1eMonsta, Не важно. Даже если ОС пускает браузер в реестр в процессе работы, то браузер в реестр Вас не пустит.
Это, может быть, возможно только на IE с помощью ActiveX.

СreateElement - как взаимодействовать с созданным элементом?

Антон Михайлов, Ну только window это Вы прям глобально замахнулись :-)
В Вашем случае wrapper более подходящее место, исходя из той информации, что Вы предоставили.

Как вытащить информацию из реестра на HTML через JS?

Cook1eMonsta, Ага, то есть Вы хотите чтобы пользователь, открывший Ваш HTML файл( не локально расположенный? ) увидел значение из реестра его локальной машины?

Тут без прослоек, которые нужно будет установить пользователю, написанные на чём-нибудь нативном, типа C, не обойдётся. Браузер никогда не даст Вам доступ до реестра.

Как вытащить информацию из реестра на HTML через JS?

из реестра на HTML

Чего?

СreateElement - как взаимодействовать с созданным элементом?

Антон Михайлов, Предложил в первом же комментарии. Ссылку открывали? Читали?

Как написать этот код без VueJs?

700Hp,

Хочу написать без vue и vuetify на чистом JS.

Ну давайте сначала разделим котлет и мух.
vue - реактивный фрэймворк для обновления разметки на основе изменившихся данных.
vuetify - набор компонентов для этого фрэймворка.

Отказаться от vuetify - не сложно. Берём и верстаем как нам нравится, а потом просто навешиваем обработчики событий на полученные элементы.

Дальше нужно ответить на вопрос, Вы хотите воспроизвести это на нативном js так же с реактивностью? Без каких-либо библиотек? Если да, то нужно будет изучить как работает реактивность. Гетеры, сетеры, паттерн наблюдателя.
Если другие библиотеки приемлемы, то посмотреть на RxJS.

Далее

Но не понимаю логику создания объекта

Какого объекта? Объекта состояния? Тогда уже ответил выше.

СreateElement - как взаимодействовать с созданным элементом?

Антон Михайлов, Если Вы добавили обработчик события на все элементы с определённым классом, а потом создали ещё таких же элементов и добавили их в DOM, то на них этих обработчиков не будет.

СreateElement - как взаимодействовать с созданным элементом?

Алексей Дубровин, Всё верно. И семантика переменной, определённой через const, говорит о том, что её значение меняться не будет. Что полностью соблюдено. Вы не можете воспользоваться этой переменной вне итерации цикла. И в рамках каждой итерации значение не изменяется.
Повторюсь, переменная, определённая через const - это не классическая математическая константа, которая имеет одно и то же значение в рамках всего жизненного цикла продукта.

СreateElement - как взаимодействовать с созданным элементом?

Алексей Дубровин,

1) Вы создаёте константу в цикле? - Константа не изменяемая переменная.( Неправильно ) В цикле она определяется минимум 3 раза)

В рамках цикла автор константу и не изменяет. На каждую итерацию цикла, так как у const и let блочная область видимости, будет создана своя переменная newBox. Так что всё корректно. Определение переменной через const не то же самое что классическая константа, из разряда числа Pi.

Антон Михайлов,

// console.log(newBox.length); выдает Undefined

Всё верно выдаёт. Вы не назначали свойства length вновь созданному div, а по умолчанию у него нет такого свойства.

2. console.log(box.length); // 3

Так box или newBox? Что такое box Вы нам не показываете.

Я не мог взаимодействовать ни с одним из вновь созданных элементов.

Не вижу чтобы Вы добавляли созданному элементу обработчик события.
Но вообще в таком случае пользуются деллигированием.

Как объявить и использовать глобальную переменную с Vue?

Ankozar, Но то что Вы хотите сделать к основам Vue явно не относится. Если Вы таким образом хотите понять основы реактивности и как обновляется DOM при изменении данных, то есть варианты намного проще.
Вы сказали

при изменении ориентации экрана

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

Это событие существует только на клиенте.

И вот вопрос Вам на будущее, на подумать: если Вы делаете такое для vue-приложения, для которого нужен серверный рендеринг в целях SEO продвижения, например, то в каком состоянии Вы будете отрисовывать интерфейс? Для портретного режима? Или для альбомного? Вопрос риторический, мне отвечать не нужно.

Как объявить и использовать глобальную переменную с Vue?

Ankozar, если по проще, то можно посмотреть на root