Somar dois campos

Bom dia, estou tentando somar dois campos de formulario porem ele esta apenas concatenando em vez de somar, como faço para somar?


$("#med_6m_VS1").blur(function() {

var x = document.getElementById("med_6m_VS1").value;
var y = document.getElementById("med_6m_VS2").value;

$("#med_6m_VST").val(parseInt(x) + parseInt(y));

})

A princípio acredito que o evento .blur() deveria estar sendo chamado em ambos os campos que devem ser somados.

De toda forma eu implementaria no seguinte formato:

HTML Exemplo:


<label>Campo A</label>
<input type="text" id="campoA" onchange="somar()">
<label>Campo B</label>
<input type="text" id="campoB" onchange="somar()">
<label>Resultado</label>
<input type="text" id="resultado" readonly>

JavaScript Exemplo:


function somar() {
  let valorA = +document.querySelector('#campoA').value;
  let valorB = +document.querySelector('#campoB').value;
  let resultado = valorA + valorB;
  document.querySelector('#resultado').value = resultado;
}

Lembrando que o + na frente do valor também converte o valor para inteiro.