If(Javascript) - Não consigo entender pq esse não dá o resuldado

Front-end
#1

Boa noite. Sou novo na área e estou tentando colocar pra rodar um código em Javascript onde é pra achar o resultado do campo que não está preenchido.

Segue o código abaixo.

<main>

    <div class="container">

        <div class="title"> Calculo: D = d + 2f </div>

            <div class="input">

                <label>D:</label>

                <input type="number" id='diametro'>

            <div class="input">

                <label>d:</label>

                <input type="number" id='diametromaior'>

            </div>

            <div class="input">

                <label>f:</label>

                <input type="number" id='folga'>

            </div>

        <button id='calcular' onclick="Calcular()">Calcular</button>

        <div class="result" id='resultado'></div>

    </div>

</main>

<script>

        function Calcular () { 

        var D = document.getElementById('diametro').value;

        var d = document.getElementById('diametromaior').value;

        var f = document.getElementById('folga');

        var resultado = document.getElementById('resultado');

   

        if (f == '') {

           resultado.innerHTML = ((parseFloat(D) - parseFloat(d))/2);

             

        }if (D == '') {

            resultado.innerHTML= parseFloat(d) + parseFloat(2 * (f));

        }if (d == '') {

            resultado.innerHTML = parseFloat(D) - parseFloat(2 * (f));

    

        }

    }

</script>
#2

Falta um .value na linha:

var f = document.getElementById('folga').value;

Veja se isso resolve.

Abraço.