var btn = document.querySelector('#btn');
var di = document.querySelector('#di');
btn.onclick = function () {
var x = document.querySelector('#i1').value;
var y = document.querySelector('#i2').value;
var z = document.querySelector('#i3').value;
var a = document.querySelector('#i4').value;
di.innerHTML = x[3] + y[2] + y[3] + y[0] + y[2] + x[6] + z[1] + z[1] + z[0] + y[2] + z[2] + a[5];
}
1) используйте async \ await
2) используйте дефолтные значения в data
3) выполняйте проверку ключей для примера через computed
4) сделайте компонент прелоадера и отрисовывайте через v-if