مشکل در گرفتن مقادیر ورودی تابع در جاوا اسکریپت

value اینپوت ها استرینگ برمیگرده وقتی داری تعریفش میکنی باید از parseint استفاده کنی

num1 = parseInt(document.getElementById('num1').value)

اگه با استفاده از parseint خروجی نمیده یعنی ورودی شامل یه کاراکتر غیر عددیه تایپ اینپوت رو برابر number بذار

let a = parseInt(document.getElementById("inpu21").value);  
let b = parseInt(document.getElementById("input2").value);

let c = document.getElementById("sum");  
c.addEventListener('click', sum)

function sum() {  
let f=a+b;  
document.getElementById("pr").innerText=f;

}