L'addition de deux nombres les concatène au lieu de calculer la somme

Question

J'ajoute deux nombres mais je n'obtiens pas la bonne valeur.

Par exemple, l'exécution de 1 + 2 renvoie 12 au lieu de 3

Qu'est-ce que je fais de mal dans ce code ?

function myFunction() {
  var y = document.getElementById("txt1").value;
  var z = document.getElementById("txt2").value;
  var x = y + z;
  document.getElementById("demo").innerHTML = x;
}

<p>
  Click the button to calculate x.
  <button onclick="myFunction()">Try it</button>
</p>
<p>
  Enter first number:
  <input type="text" id="txt1" name="text1" value="1">
  Enter second number:
  <input type="text" id="txt2" name="text2" value="2">
</p>
<p id="demo"></p>

Answer 1

J'utilise uniquement Number() :

var i=2;  
var j=3;  
var k = Number(i) + Number(j); // 5

Answer 2

Ce sont en fait des chaînes, pas des chiffres. Le moyen le plus simple de générer un nombre à partir d'une chaîne est d'ajouter + devant celui-ci :

var x = +y + +z;