198 lines
4.4 KiB
PHP
198 lines
4.4 KiB
PHP
<?php
|
|
function getData($pname) {
|
|
if (isset($_GET[$pname])) {
|
|
return $_GET[$pname];
|
|
} else {
|
|
return "";
|
|
}
|
|
}
|
|
function createButton($btname,$class,$func,$title) {
|
|
?>
|
|
<div class="btn <?=$class?>" onclick="<?=$func?>;" title="<?=$title?>"><?=$btname?></div>
|
|
<!-- <input name="stack" type="submit" value="<?=$btname;?>" class="btn <?=$class?>" onclick="<?=$func?>;"> -->
|
|
<?php
|
|
}
|
|
?>
|
|
|
|
<html>
|
|
<head>
|
|
<title>Personal Home Calc</title>
|
|
<link rel="shortcut icon" href="favicon.png">
|
|
<style>
|
|
html,body{
|
|
margin: 0;
|
|
padding: 0;
|
|
background: #111;
|
|
font-family: "Comic Sans MS";
|
|
overflow: hidden;
|
|
}
|
|
#prompt{
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 100%;
|
|
height: 18%;
|
|
margin-bottom: 5vh;
|
|
background: #222;
|
|
border: 0;
|
|
box-shadow: 0 2vh 2vh #060606;
|
|
font-size: 50px;
|
|
color: #eee;
|
|
text-shadow: 0 0 5px white;
|
|
text-align: center;
|
|
}
|
|
.hidd{
|
|
display: none;
|
|
}
|
|
.row{
|
|
margin: 3% 0;
|
|
display: flex;
|
|
justify-content: space-around;
|
|
}
|
|
.btn{
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 20%;
|
|
height: 20%;
|
|
margin-bottom: 2px;
|
|
border: 0;
|
|
border-radius: 10px;
|
|
font-size: 60px;
|
|
color: #eee;
|
|
cursor: pointer;
|
|
}
|
|
.btn:hover{
|
|
box-shadow: 0 0 10px white;
|
|
}
|
|
.btn1{
|
|
background: #EF3038;
|
|
}
|
|
.btn2{
|
|
background: #0047AB;
|
|
}
|
|
.btn1:active{
|
|
background: #77181C;
|
|
color: #aaa;
|
|
}
|
|
.btn2:active{
|
|
background: #002456;
|
|
color: #aaa;
|
|
}
|
|
</style>
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
|
|
<script>
|
|
var p1='0';
|
|
var tp='';
|
|
var p2='0';
|
|
var sol='0';
|
|
var pmt='0';
|
|
var allow=true;
|
|
function zap() {
|
|
pmt+='=';
|
|
document.getElementById('prompt').innerHTML=pmt;
|
|
var number1=p1;
|
|
var oper=tp;
|
|
var number2=p2;
|
|
$.ajax({
|
|
url: "calc.php",
|
|
type: "GET",
|
|
data: {'number1': number1, 'oper': oper, 'number2': number2},
|
|
dataType: "json",
|
|
success: function(response) {
|
|
if (response.rcode=="0") {
|
|
alert(response.result)
|
|
cle()
|
|
} else {
|
|
sol=response.result;
|
|
pmt+=sol;
|
|
document.getElementById('prompt').innerHTML=pmt;
|
|
allow=false;
|
|
p1='0';
|
|
tp='';
|
|
p2='0';
|
|
}
|
|
}
|
|
});
|
|
}
|
|
function numb(num) {
|
|
if (Number(p1)==0 && (tp=='')) {
|
|
p1=num;
|
|
pmt=String(p1);
|
|
document.getElementById('prompt').innerHTML=pmt;
|
|
} else if ((Number(p1)>0) && (tp=='')) {
|
|
p1+=num;
|
|
pmt=String(p1);
|
|
document.getElementById('prompt').innerHTML=pmt;
|
|
} else if (Number(p2)==0 && tp!='') {
|
|
p2=num;
|
|
pmt=String(p1)+tp+String(p2);
|
|
document.getElementById('prompt').innerHTML=pmt;
|
|
} else if (Number(p2)>0 && tp!='') {
|
|
p2+=num;
|
|
pmt=String(p1)+tp+String(p2);
|
|
document.getElementById('prompt').innerHTML=pmt;
|
|
}
|
|
}
|
|
function operation(op) {
|
|
if (tp!='') {alert('За раз можно использовать только одну операцию!');return;}
|
|
if (!allow) {
|
|
p1=Number(sol);
|
|
pmt=sol;
|
|
allow=true;
|
|
}
|
|
// if (p1=='0' && p2=='0' && tp=='' && Number(document.getElementById('prompt').value)>0) {
|
|
// p1=document.getElementById('prompt').innerHTML
|
|
// }
|
|
tp=op;
|
|
pmt+=tp;
|
|
document.getElementById('prompt').innerHTML=pmt;
|
|
}
|
|
function cle() {
|
|
p1='0';
|
|
tp='';
|
|
p2='0';
|
|
sol='0';
|
|
pmt='0';
|
|
allow=true;
|
|
numb(0);
|
|
}
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div id="prompt">0</div>
|
|
<div class="row">
|
|
<?php
|
|
for ($i=1;$i<=3;$i++) {
|
|
createButton($i,'btn1',"numb('".$i."')",$i);
|
|
}
|
|
createButton("+",'btn2',"operation('+')","Сложение");
|
|
?>
|
|
</div>
|
|
<div class="row">
|
|
<?php
|
|
for ($i=4;$i<=6;$i++) {
|
|
createButton($i,'btn1',"numb('".$i."')",$i);
|
|
}
|
|
createButton("-",'btn2',"operation('-')","Вычитание");
|
|
?>
|
|
</div>
|
|
<div class="row">
|
|
<?php
|
|
for ($i=7;$i<=9;$i++) {
|
|
createButton($i,'btn1',"numb('".$i."')",$i);
|
|
}
|
|
createButton("*",'btn2',"operation('*')","Умножение");
|
|
?>
|
|
</div>
|
|
<div class="row">
|
|
<?php
|
|
createButton("0",'btn1',"numb('0')",0);
|
|
createButton("AC",'btn2',"cle()","Очистить");
|
|
createButton("=",'btn2',"zap()","Считать");
|
|
createButton("/",'btn2',"operation('/')","Деление");
|
|
?>
|
|
</div>
|
|
</body>
|
|
</html>
|