<input type="text" id="a" value="">

<input type="hidden" class="b" value="5">

<p class="result"></p>

var a = document.querySelector('#a')
var b = document.querySelector('.b')

var result = document.querySelector('.result')

a.addEventListener('input', function() {
	if (a.value) {
  	result.innerHTML = parseInt(a.value) + parseInt(b.value)
	}
})

может быть Promise, но тогда вам придётся забирать скрипты как текст и вставлять в тег скрипт и после уже добавлять следующий.
Просто добавить тег скрипт с сылкой на jquery не получится так как вы не можете контролировать когда он загрузится

fetch('js/jquery-3.3.1.min.js')
.then(function(response) {
   // создать тег script и положить в него response
}).then(function(myBlob) {
   // после чего выполнить 
    var script = document.createElement('script');
    script.src = "js/scripts.js";
    document.querySelector('body').appendChild(script);
});

или же

var jq = document.createElement('script');
    jqt.src = "js/jquery-3.3.1.min.js";
    document.querySelector('body').appendChild(jq);

var interval = setInterval(function() {
   if(window.jquery) {
     clearInterval(interval)
      var script = document.createElement('script');
      script.src = "js/scripts.js";
      document.querySelector('body').appendChild(script);
  }
}, 100)

первое решение мне нравится больше

p.s
возможно ещё defer сработает если добавить к тегам