javascript – Calculadora com mais de uma operação

Preciso fazer uma calculadora que faça mais de uma operação simples, exemplo 8+8*8. Conforme abaixo. Só posso usar if, switch e function.

Aluno:

Dever de casa:
Faça uma calculadora simples em HTML e usando CSS externo.
Use como modelo a imagem abaixo.

Para Visor coloque uma input do tipo texto
E os números e operadores, botões.

Fala uma lista com todos os requisitos para o funcionamento de uma calculadora.

Faça as funções básicas: +, -, *, / e =

Dicas:
Pense em realizar o cálculo básico
Valor1 operador valor2 sinal de igual resultado.
n1 + n2 = resultado.

Depois verifique as outras possibilidades de cálculos:
10 + = ?
11 + 5 +6 =?
4 + 5 * 8 =?
-10 + 8 =?
4 + * 2 =?
5=?
4 + 8 = +3=?

fiz a calculadora simples, agora preciso da mais completa:

Calculadora 2

<div id="borda">
    <div>
        <h2 id = "titulo"> Calculadora</h2>
        <input id="tela" type="text">
    </div>

    <div>
        <button class="botao" id="porcentagem">%</button>
        <button class="botao" id="CE" onclick="limpar()">CE</button>
        <button class="botao" id="C" onclick="limpar()">C</button>
        <button id="apagar">◄</button>
    </div>
    <div>
        <button class="botao" id="sete">7</button>
        <button class="botao" id="oito">8</button>
        <button class="botao" id="nove">9</button>
        <button class="botao" id="mais" onclick="somar()">+</button>
    </div>
    <div>
        <button class="botao" id="quatro">4</button>
        <button class="botao" id="cinco">5</button>
        <button class="botao" id="seis">6</button>
        <button class="botao" id="menos">-</button>
    </div>
    <div>
        <button class="botao" id="um" onclick="botao(1)">1</button>
        <button class="botao" id="dois" onclick="botao(2)">2</button>
        <button class="botao" id="tres">3</button>
        <button class="botao" id="dividido">/</button>
    </div>
        <div>
        <button class="botao" id="gual" onclick="calcular()">=</button>
        <button class="botao" id="zero">0</button>
        <button class="botao" id="virgula">,</button>
        <button class="botao" id="multiplicado">*</button>
        </div>
</div>


</div>

<script>
    

    function botao(num){
        var aux = document.getElementById("tela").value;
        document.getElementById("tela").value = aux + num;

    }

    function limpar(){
        document.getElementById("tela").value = ""
    }

    function somar(){
        primeiroValor = document.getElementById("tela").value;
        sinal = "+";
        document.getElementById("tela").value = "";
    }


    function calcular(){
        
        if(sinal="+"){
        var segundoValor = document.getElementById("tela").value;
        var resultado = parseInt(primeiroValor) + parseInt(segundoValor);
        document.getElementById("tela").value = resultado
        } 

    
    }



</script>