Alex

Ну, в последнее время разработку на електрон в целом, сложно назвать "комфортной". Но, можете посмотреть на мой шаблон: https://github.com/cawa-93/vite-electron-builder

Порядок в котором это всё работает:
Браузер начинает загружать HTML
Доходит до тега <script src="calc.js"></script>
Выполняет JS из вашего файла
Доходит до строчки
document.querySelector('.ac').onclick = clearAll; и ломается

А ломается потому, что на момент выполнения этого кода, остальной HTML ещё не загружен и вызов document.querySelector('.ac') возвращает null

В качестве решения:
Перенесите ваш скрипт в конец HTML и/или добавьте тегу script аттрибут deffer

document.querySelectorAll('.className').forEach(e => e.classList.remove('className'))

https://habr.com/ru/post/418923/
https://web.dev/progressive-web-apps/
https://developer.mozilla.org/ru/docs/Web/Progress...

Попробуйте

var last_img = document.querySelector('#small_thumbs > .bordered:last-of-type');

Изолируйте весь код в какой-либо контекст. Далее, в этот контекст передавайте контейнер слайдера. А в самом коде выполняйте поиск элементов-контролов не глобально по документу, а только в пределах переданного контейнера.
Что-то в таком духе:

function makeSlider(slider) {
  ...
}

document.querySelectorAll('.slider').forEach(makeSlider)

Делаете обычную ссылку с каким-либо маркером, например:

<a href="test.html#calculate-results">Рассчитать</a>

А на странице test.html при загрузке проверяете есть ли этот маркер. Если ест -- запустить расчеты.

Что-то в таком духе возможно:

<?php
// form.php

// во время загрузки станицы проверить была ли отправлена форма:

if ($_SERVER['REQUEST_METHOD'] == 'POST') {
 // ... сделать то что вам нужно
}
?>
<form action="" method="post">

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