How to plus input numbers in HTML with JS

i have the follow code:

<input type="number" name="pree" value="" id="pree" class="form-control">
<input type="number" name="pree1" value="" id="pree1" class="form-control">
<input type="number" name="pree2" value="" id="pree2" class="form-control">
<input type="number" name="pree3" value="" id="pree3" class="form-control">
<input type="number" name="result" value="" id="result" class="result">

I want to do a plus with all inputs, and im new in this process, but i try:

In JS:

<script>

    var num1= document.getElementByID('pree');
    var num2= document.getElementByID('pree1');
    var num3= document.getElementByID('pree2');
    var num4= document.getElementByID('pree3');
    
    var result=document.getElementByID('num1 + num2+ num3+ num4');

</script>

‘m really new to this and would like someone to help me with it, thank you very much in advance