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>