problem z Number()

Witam czemu pierwszy kod nie działa , a drugi działa czym to się różni ? I dlaczego jeżeli zdefiniuje input type="number" konwertuje to na stringa ?
1 kod : https://codepen.io/anon/pen/PxoJRv
2 kod : https://codepen.io/anon/pen/VVwMdE

liczX.value to string :)

To nie działa bo document.querySelector("#licz1") nie jest liczbą (a konkretniej jest to Element), więc Number(document.querySelector("#licz1")); zwróci ci NaN (not a number)

type="number" to tylko walidacja po stronie przeglądarki, a value zawsze jest string wiec należy się zabezpieczać przed konkatenacją.