Merhaba js ile bir hesap makinası yaptım fakat normal hesap makinalarında olduğu gibi önce sayı sonra operator sonra baska operator tıklanınca operator degissin istiyorum degisiyor fakat bu seferde islemleri yanlıs yapıyor

js kodu

var optdurum = false;
var opt = "";
var sonuc = 0;
var numbtn = document.querySelectorAll(".btnnum");
var ekran = document.querySelector("#gosterge")
var btnopt = document.querySelectorAll(".btn2op")
var islem = document.getElementById("islem")
var btnc=document.querySelector(".btnc")
var btnac=document.querySelector(".btnac")
var btnesit=document.querySelector(".btnesit")
var btnnokta=document.querySelector(".btn2nokta")


numbtn.forEach(function (element) {

    

    element.onclick = function (e) {
        if (ekran.textContent == "0" || optdurum) {
            ekran.textContent = "";
        }

        ekran.textContent += this.textContent;
        optdurum = false;0
    }
});

btnopt.forEach(function (element) {
    element.onclick = function (e) {
        
  
        var arama1 = islem.textContent.indexOf("+")
        var arama2 = islem.textContent.indexOf("-")
        var arama3 = islem.textContent.indexOf("/")
        var arama4 = islem.textContent.indexOf("*")

        if(arama1!=-1||arama2!=-1||arama3!=-1||arama4!=-1){
            console.log("buraya giriyor ")
            ekran.textContent="";
            islem.textContent=islem.textContent.slice(0,islem.textContent.length-1)
            opt=this.textContent;
            
        }

        
        optdurum = true;
        var optyeni = this.textContent;
        
      

        islem.textContent = islem.textContent + " " + ekran.textContent + " " + optyeni;
        

        switch (opt) {
            case "+": ekran.textContent = (sonuc + Number(ekran.textContent)); break;
            case "-": ekran.textContent = (sonuc - Number(ekran.textContent)); break;
            case "*": ekran.textContent = (sonuc * Number(ekran.textContent)); break;
            case "/": ekran.textContent = (sonuc / Number(ekran.textContent)); break;
            default: break;
        }
        sonuc = (Number(ekran.textContent));
        opt = optyeni;
        if(ekran.textContent=="NaN"){
            ekran.textContent="Sonuç tanımsız!"
           console.log(islem.textContent);
           islem.textContent="";
        }
        if(ekran.textContent=="Infinity"){
            ekran.textContent="Sıfıra Bölünemez!"
            islem.textContent="";
        }
        
        

    }
});

btnac.onclick=function(e){
    ekran.textContent="0";
}

btnc.onclick=function(e){
    ekran.textContent="0";
    islem.textContent="";
    sonuc=0;
    opt="";
}

btnesit.onclick=function(e){
    
    
    
    
    
    optdurum=true;
    switch (opt) {
        case "+": ekran.textContent = (sonuc + Number(ekran.textContent)); break;
        case "-": ekran.textContent = (sonuc - Number(ekran.textContent)); break;
        case "*": ekran.textContent = (sonuc * Number(ekran.textContent)); break;
        case "/": ekran.textContent = (sonuc / Number(ekran.textContent)); break;
        default: break;

    }
    sonuc=(Number(ekran.textContent));
    ekran.textContent=sonuc;
    sonuc=0;
    opt="";
    if(ekran.textContent=="Infinity"){
        ekran.textContent="Sıfıra Bölünemez!"
    }
    if(ekran.textContent=="NaN"){
        ekran.textContent="Sonuç tanımsız!"
    }

}
btnnokta.onclick=function(e){
    if(ekran.textContent=="")
     {
        console.log("nulla girdi")
        ekran.textContent="0";
     }
    if(ekran.textContent=="0")
     {
         ekran.textConten="0.";
     }
    
    if(!optdurum && !ekran.textContent.includes("."))
    {
        ekran.textContent+=".";
    }
    else if(optdurum)
    {
        ekran.textContent="0";
    }
    if(!ekran.textContent.includes("."))
    {
        ekran.textContent+=".";
    }
    optdurum=false;
}

html

<html>
<head>
<meta charset="utf-8">
<title>Hesap Makinası</title>
<link rel="stylesheet" href="style.css">
    
</head>
 
<body>
    <div class="sayfa">
        
        <table>
            <tr>
                <td colspan="5" id="islem"></td>
            </tr>
            <tr>
                <td colspan="5" id="gosterge"></td>
            </tr>
            <tr>
                <td class="btnnum">7</td>
                <td class="btnnum">8</td>
                <td class="btnnum">9</td>
                <td class="btn2op">/</td>
                <td class="btnac">AC</td>
            </tr>
            <tr>
                <td class="btnnum">4</td>
                <td class="btnnum">5</td>
                <td class="btnnum">6</td>
                <td class="btn2op">*</td>
                <td class="btnc">C</td>
            </tr>
            <tr>
                <td class="btnnum">1</td>
                <td class="btnnum">2</td>
                <td class="btnnum">3</td>
                <td class="btn2op">-</td>
                <td rowspan="2" class="btnesit">=</td>
            </tr>
            <tr>
                <td colspan="2" class="btnnum">0</td>
                <td class="btn2nokta">.</td>
                <td class="btn2op">+</td>
            </tr>
        </table>
    </div>
<script src="js.js"></script>
</body>
</html>