برمجة آلة حاسبة مع الأكواد
الأكواد
<html><head><title>My Calculator</title>
<style>
body{background-color: blue;}
*{box-sizing: border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
.wrap{width: 400px;margin: auto;height: auto;background-color: black;padding: 15px;}
input[type=text]{width: 100%;padding: 10px;font-size: 22px;font-weight: bold;margin-top: 20px;border-radius: 5px;background-color: #aaa;
color: white;}
input[type=button]{width: 89px;padding: 10px;border-radius: 5px ;font-size: 18px;font-weight: bold;}
#del{width: 100%;background-color: red;}
#btn9{background-color: greenyellow;}
#btn8{background-color: greenyellow;}
#btn7{background-color:greenyellow;}
#btn6{background-color: aqua;}
#btn5{background-color: aqua;}
#btn4{background-color: aqua;}
#btn3{background-color: fuchsia;}
#btn2{background-color: fuchsia;}
#btn1{background-color: fuchsia;}
#btn0{background-color: orchid;}
#btn10{background-color: fuchsia;}
#btn-{background-color: aqua;}
#btn11{background-color: orchid;}
#btn12{background-color: aqua;}
#btn13{background-color: aqua;}
#btn14{background-color: orchid;}
#btn15{background-color: aqua;}
#btn16{background-color: greenyellow;}
#btn17{background-color: orchid;}
#btn18{background-color: blueviolet;}
</style>
</head>
<body>
<div class="wrap">
<form name="cal">
<input type="text" name="display"><br><br>
<input type="button" value ="9"onclick="cal.display.value+='9'"id=btn9>
<input type="button" value ="8" onclick="cal.display.value+='8'"id=btn8>
<input type="button" value ="7" onclick="cal.display.value+='7'"id=btn7>
<input type="button" value ="+" onclick="cal.display.value+='+'"id=btn16>
<br><br>
<input type="button" value ="6" onclick="cal.display.value+='6'"id=btn6>
<input type="button" value ="5" onclick="cal.display.value+='5'"id=btn5>
<input type="button" value ="4" onclick="cal.display.value+='4'"id=btn4>
<input type="button" value ="-" onclick="cal.display.value+='-'"id=btn->
<br><br>
<input type="button" value ="3" onclick="cal.display.value+='3'"id=btn3>
<input type="button" value ="2" onclick="cal.display.value+='2'"id=btn2>
<input type="button" value ="1" onclick="cal.display.value+='1'"id=btn1>
<input type="button" value ="*" onclick="cal.display.value+='*'"id=btn10>
<br><br>
<input type="button" value ="0" onclick="cal.display.value+='0'"id=btn0>
<input type="button" value ="/" onclick="cal.display.value+='/'"id=btn14>
<input type="button" value ="%" onclick="cal.display.value+='%'"id=btn11>
<input type="button" value ="=" onclick="cal.display.value=eval(cal.display.value)"id=btn17>
<br><br>
<input type="button" value ="." onclick="cal.display.value+='.'"id=btn18>
<input type="button" value ="DELETE" onclick="cal.display.value=''"id="del">
<div jsname="DfiOAc" class="XRsWPe MEdqYd Krlpq" role="button" tabindex="0" jsaction="fire.prs_btn" aria-label="logarithme">log</div>
</form>
</div>
</body>
</html>
Enregistrer un commentaire