]input 태그를 통해서 몇개의 값을 받고 그 값을 더해야 하는데 디버깅을 하니까 결과가 이상합니다

<input id="a" type="number" value="0" />
<input id="b" type="number" value="0" />
<input id="c" type="number" value="0" />
var a = document.getElementById("a").value;
var b = document.getElementById("b").value;
var c = document.getElementById("c").value;


const value = [a, b, c];


const sum = value.reduce((stack, el) => {
          return stack + el;
        }, 0);


a, b, c에 입력한 값이 잘 들어는 가는데 예를 들어 

a = 1, b = 2, c = 3

이렇게 값을 주면

sum 값이 6이 아니라 123으로 입력됩니다ㅠㅠ


그런데 

const value = [1,2,3];

이렇게 하면

sum 값이 6으로 잘 나옵니다.


어떻게 해야하나요ㅠㅠ 부탁드립니다