Ви не увійшли. Будь ласка, увійдіть або зареєструйтесь.
Ласкаво просимо вас на україномовний форум з програмування, веб-дизайну, SEO та всього пов'язаного з інтернетом та комп'ютерами.
Будемо вдячні, якщо ви поділитись посиланням на Replace.org.ua на інших ресурсах.
Для того щоб створювати теми та надсилати повідомлення вам потрібно Зареєструватись.
Український форум програмістів → JavaScript, TypeScript, ECMAScript → Історія записів в калькулятор
Сторінки 1
Для відправлення відповіді ви повинні увійти або зареєструватися
як добавити історію в калькулятор, тобто щоб можна було переглянути попередні вирази
Історію можна зберігати наприклад базах даних, сесіях чи куках
чи в локал стореджі
Якщо з урахуванням того, що сторінка може бути перезавантажена, то використовуйте localStorage
це лабораторна робота, і завдання стоїть так
7. Реалізувати калькулятор, що вміє розраховувати вирази, які містять 4 основних арифметичних дії, дужки і символ підстановки значення регістра пам'яті.
усе окрім символ підстановки значення регістра пам'яті я не зробив, чесно навіть не знаю що це за символ, а історія це просто моя догадка
я прикріпив свій файл калькулятора
показуйте код, чи що
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Документ без названия</title>
</head>
<body bgcolor="#09CBF3">
<center><br>
<h1><B><font color="white" style= Font-size:70> Calculator </font></h1></B>
<hr size=20 color="white">
<div style= "width:261px; background: FFF8DC">
<form name="Calculator">
<input name="display" placeholder="0" style="width: 254px;height: 60px; text-align: right; font-size: 30; border-radius: 8 px; margin: 3px"/>
<br>
<input type="button" value="7" onClick="document.Calculator.display.value +='7'" style="width: 60px;height: 60px; font-size: 30; border-right: 8px; margin: 3px"/>
<input type="button" value="8" onClick="document.Calculator.display.value +='8'" style="width: 60px;height: 60px; font-size: 30; border-right: 8px;"/>
<input type="button" value="9" onClick="document.Calculator.display.value +='9'" style="width: 60px;height: 60px; font-size: 30; border-right: 8px;"/>
<input type="button" value="+" onClick="btnpluse()" style="width: 60px; height: 60px; font-size: 30;border-radius: 8px"/>
<br>
<input type="button" value="4" onClick="document.Calculator.display.value +='4'" style="width: 60px;height: 60px; font-size: 30; border-right: 8px; margin: 3px"/>
<input type="button" value="5" onClick="document.Calculator.display.value +='5'" style="width: 60px;height: 60px; font-size: 30; border-right: 8px;"/>
<input type="button" value="6" onClick="document.Calculator.display.value +='6'" style="width: 60px;height: 60px; font-size: 30; border-right: 8px;"/>
<input type="button" value="-" onClick="btnminus()" style="width: 60px; height: 60px; font-size: 30;border-radius: 8px"/>
<br>
<input type="button" value="1" onClick="document.Calculator.display.value +='1'" style="width: 60px;height: 60px; font-size: 30; border-right: 8px; margin: 3px"/>
<input type="button" value="2" onClick="document.Calculator.display.value +='2'" style="width: 60px;height: 60px; font-size: 30; border-right: 8px;"/>
<input type="button" value="3" onClick="document.Calculator.display.value +='3'" style="width: 60px;height: 60px; font-size: 30; border-right: 8px;"/>
<input type="button" value="*" onClick="btnmult()" style="width: 60px; height: 60px; font-size: 30;border-radius: 8px"/>
<br>
<input type="button" value="0" onClick="document.Calculator.display.value +='0'" style="width: 60px;height: 60px; font-size: 30; border-right: 8px; margin: 3px"/>
<input type="button" value="(" onClick="btnopen()" style="width: 60px; height: 60px; font-size: 30;border-radius: 8px"/>
<input type="button" value=")" onClick="btnclose()" style="width: 60px; height: 60px; font-size: 30;border-radius: 8px"/>
<input type="button" value="/" onClick="btndiv()" style="width: 60px; height: 60px; font-size: 30;border-radius: 8px"/>
<br>
<input type="button" value="=" onClick="document.Calculator.display.value = eval(document.Calculator.display.value)" style="width: 60px;height: 60px; font-size: 30; border-right: 8px; margin: 3px"/>
<input type="button" value="C" onClick="btnclear()" style="width: 60px; height: 60px; font-size: 30;border-radius: 8px"/>
</form></div>
<hr size=20 color="white">
<script>
function btnpluse()
{
document.Calculator.display.value +="+";
document.Calculator.display.style.textAlign="right";
}
function btnminus ()
{
document.Calculator.display.value +="-";
document.Calculator.display.style.textAlign="right";
}
function btnmult()
{
document.Calculator.display.value +="*";
document.Calculator.display.style.textAlign="right";
}
function btndiv()
{
document.Calculator.display.value +="/";
document.Calculator.display.style.textAlign="right";
}
function btnopen ()
{
document.Calculator.display.value +="(";
document.Calculator.display.style.textAlign="right";
}
function btnclose ()
{
document.Calculator.display.value +=")";
document.Calculator.display.style.textAlign="right";
}
function btnclear ()
{
document.Calculator.display.value ="";
document.Calculator.display.style.textAlign="right";
}
</script>
</center>
</body>
</html>
Сторінки 1
Для відправлення відповіді ви повинні увійти або зареєструватися
