De hecho @Alexis88 tiene razon tu problema es que los datos capturados por tus input son interpretados como cadenas de caracteres y lo que haces al usar el operador [+] es concatenar los así:
Código Javascript
:
Ver original"hola "+"mundo" ==> "hola mundo"
En fin Reescribiendo tu código seria algo así:
Código Javascript
:
Ver original<input id="num1" type="number" />
Valor numero 2:
<input id="num2" type="number" />
<button onclick="clic()">Calcular</button>
<script>
function clic() {
var num1 = document.getElementById("num1").value;
var num2 = document.getElementById("num2").value;
var resultado = parseFloat(num1) + parseInt(num2);
console.log(resultado);
}
</script>
Date cuenta que convertí el valor contenido en las variables num1 y num2 a tipo numérico en el caso de parseInt(variable) hace un parseo de cadena de caracteres a entero, mientras que parseFloat parsea de cadena de caracteres a flotante «numero con decimales»
Por cierto tengo una apreciación mas, en el atributo type de tu input valuaste con un valor erroneo.