Должен ли я использовать операторы else-if для них?

Я очень новичок в кодировании и пытаюсь создать очень простой калькулятор с использованием HTML и JavaScript, где пользователь вводит два значения, выбирает оператор из набора кнопок, а затем получает результат.

Я был бы признателен за некоторые советы от людей, которые знают, что они делают!!

Я пытался реализовать else-if, но, похоже, это не решает проблему. Выполняется только последняя строка функции. Python не был таким сложным?!

<button id = "a" value = "+">+</button>
<button id = "b" value = "-">-</button>
<button id = "c" value = "/">/</button>
<button id = "d" value = "X">X</button>

<input type = "text" id = "n1"/>
<input type = "text" id = "n2"/>

<script>
    function calc()
    {
        var n1 = parseFloat(document.getElementById('n1').value);
        var n2 = parseFloat(document.getElementById('n2').value);

        var a = document.getElementById("a").value;
        var b = document.getElementById("b").value;
        var c = document.getElementById("c").value;
        var d = document.getElementById("d").value;

        if (a === '+')
        {
            document.getElementById('result').value = n1+n2;
        }
        if (b === '-')
        {
            document.getElementById('result').value = n1-n2;
        }
        if (c === '/')
        {
            document.getElementById('result').value = n1/n2;
        }
        if (d === 'X')
        {
            document.getElementById('result').value = n1*n2;
        }
    }

</script>

Я ожидаю, что каждая строка будет выполнена для получения правильного операнда, но в настоящее время единственная последняя строка (n1 * n2) дает мне что-то.