الرئيسية
آلة حاسبة مميزة جدًا لا يوجد مثلها
- الكود:
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css">
<meta charset="UTF-8" />
<script>
function compute(obj)
{obj.expr.value = eval(obj.expr.value)}
var one = '1'
var two = '2'
var three = '3'
var four = '4'
var five = '5'
var six = '6'
var seven = '7'
var eight = '8'
var nine = '9'
var zero = '0'
var plus = '+'
var minus = '-'
var multiply = '*'
var divide = '/'
var decimal = '.'
function enter(obj, string)
{obj.expr.value += string}
function clear(obj)
{obj.expr.value = ''}
</SCRIPT>
<center>
<font COLOR="#CC0000" face="Arial" style="font-size: 48px;"><p>
<b>الألة الحاسبة
الإلكترونية</B></p></FONT>
</center>
<form name="calc">
<div align="center">
<table border="1" bgcolor="#0033CC">
<tr>
<td colSpan="4"><center><input size=30 class="w3-round-xlarge w3-border-teal w3-indigo"
name=expr action="compute(this.form)"></center></TD></TR>
<tr>
<td bgColor="#000033">
<p>
<center><input onclick="enter(this.form, seven)" type=button class="w3-btn w3-round-xlarge w3-border-teal w3-indigo" value=" 7 "></p></TD>
<td bgColor="#000033">
<p>
<center><input onclick="enter(this.form, eight)" type=button class="w3-btn w3-round-xlarge w3-border-teal w3-indigo" value=" 8 "></p></TD>
<td bgColor="#000033">
<p>
<center><input onclick="enter(this.form, nine)" type=button class="w3-btn w3-round-xlarge w3-border-teal w3-indigo" value=" 9 "></p></TD>
<td bgColor="#000033">
<p>
<center><input onclick="enter(this.form, divide)" type=button class="w3-btn w3-round-xlarge w3-border-teal w3-indigo" value=" / "></p></TD></TR>
<tr>
<td bgColor="#000033">
<p>
<center><input onclick="enter(this.form, four)" type=button class="w3-btn w3-round-xlarge w3-border-teal w3-indigo" value=" 4 "></p></TD>
<td bgColor="#000033">
<p>
<center><input onclick="enter(this.form, five)" type=button class="w3-btn w3-round-xlarge w3-border-teal w3-indigo" value=" 5 "></p></TD>
<td bgColor="#000033">
<p>
<center><input onclick="enter(this.form, six)" type=button class="w3-btn w3-round-xlarge w3-border-teal w3-indigo" value=" 6 "></p></TD>
<td bgColor="#000033">
<p>
<center><input onclick="enter(this.form, multiply)" type=button class="w3-btn w3-round-xlarge w3-border-teal w3-indigo" value=" * "></p></TD></TR>
<tr>
<td bgColor="#000033">
<p>
<center><input onclick="enter(this.form, one)" type=button class="w3-btn w3-round-xlarge w3-border-teal w3-indigo" value=" 1 "></p></TD>
<td bgColor="#000033">
<p>
<center><input onclick="enter(this.form, two)" type=button class="w3-btn w3-round-xlarge w3-border-teal w3-indigo" value=" 2 "></p></TD>
<td bgColor="#000033">
<p>
<center><input onclick="enter(this.form, three)" type=button class="w3-btn w3-round-xlarge w3-border-teal w3-indigo" value=" 3 "></p></TD>
<td bgColor="#000033">
<p>
<center><input onclick="enter(this.form, minus)" type=button class="w3-btn w3-round-xlarge w3-border-teal w3-indigo" value=" - "></p></TD></TR>
<tr>
<td bgColor="#000033" colSpan=2>
<p>
<center><input onclick="enter(this.form, zero)" type=button class="w3-btn w3-round-xlarge w3-border-teal w3-indigo" value=" 0 "></p></TD>
<td bgColor="#000033">
<p>
<center><input onclick="enter(this.form, decimal)" type=button class="w3-btn w3-round-xlarge w3-border-teal w3-indigo" value=" . "></p></TD>
<td bgColor="#000033">
<p>
<center><input onclick="enter(this.form, plus)" type=button class="w3-btn w3-round-xlarge w3-border-teal w3-indigo" value=" + "></p></TD></TR>
<tr>
<td bgColor="#000033" colSpan=2>
<p>
<center><input onclick=compute(this.form) type=button class="w3-btn w3-round-xlarge w3-border-teal w3-indigo" value=" = "></p></TD>
<td bgColor="#000033" colSpan=2>
<p>
<center><input onclick=clear(this.form) class="w3-btn w3-round-xlarge w3-border-teal w3-indigo" type=reset value=AC>
</p></TD></TR>
</TABLE></DIV></FORM>
يرجى تجربتها لأنها جميلة جدًا وتدعم الهواتف لأن بعض الأكواد لا تدعم الهواتف
