Merhabalar yine ben. Şöyle bir Sorunum var HTML-CSS-JavaScript-JQuery kullanarak bir adet hesap makinesi yapirem. Fakat her buton value'su par6 id'li "=" olarak okunuyor. Yardımlarınız için şimdiden teşekkürler. Kodlar Bunlardır:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<title>Hello, world!</title>
<style>
#return {
background-color: rgb(173, 173, 173);
height: 25vh;
color: black;
font-size: 60px;
text-align: end;
border: 2px solid white;
word-break: break-all;
}
#keyboard > div > input {
height: 18.5vh;
border: 2px solid white;
color: white;
font-size: 40px;
}
</style>
</head>
<body>
<div class="container" id="keyboard">
<div class="row" id="return"></div>
<div class="row">
<input type="button" class="col bg-primary" id="sayi1" value="1">
<input type="button" class="col bg-primary" id="sayi2" value="2">
<input type="button" class="col bg-primary" id="sayi3" value="3">
<input type="button" class="col bg-danger" id="par1" value="/">
</div>
<div class="row">
<input type="button" class="col bg-primary" id="sayi4" value="4">
<input type="button" class="col bg-primary" id="sayi5" value="5">
<input type="button" class="col bg-primary" id="sayi6" value="6">
<input type="button" class="col bg-danger" id="par2" value="x">
</div>
<div class="row">
<input type="button" class="col bg-primary" id="sayi7" value="7">
<input type="button" class="col bg-primary" id="sayi8" value="8">
<input type="button" class="col bg-primary" id="sayi9" value="9">
<input type="button" class="col bg-danger" id="par3" value="-">
</div>
<div class="row">
<input type="button" class="col bg-danger" id="par4" value="(">
<input type="button" input type="button" class="col bg-danger" id="par5" value=")">
<input type="button" class="col bg-primary" id="sayi0" value="0">
<input type="button" class="col bg-danger" id="par6" value="=">
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<script>
var sayi = ["sayi1", "sayi2", "sayi3", "sayi4", "sayi5", "sayi6", "sayi7", "sayi8", "sayi9", "sayi0", "par1", "par2", "par3", "par4", "par5", "par6"];
var islem = "";
var veri;
sayi.forEach(i => {
veri = $("#"+i).val();
$("#"+i).click(function(){
islem = islem + veri;
document.getElementById("return").innerHTML = "<b>" + islem + "</b>"
return islem;
})
});
</script>
</body>
</html>
