Добавление двух чисел объединяет их вместо вычисления суммы

Я добавляю два числа, но не получаю правильного значения.

Например, выполнение 1 + 2возвращает 12, а не 3.

Что я делаю неправильно в этом коде?

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>

Решение проблемы

На самом деле это строки, а не числа. Самый простой способ получить число из строки — добавить к нему +:

var x = +y + +z;