Создать калькулятор с помощью функций Javascript - JavaScript, Ajax

deconi · 08.12.2015, 14:11

Код HTML:

<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<title>Калькулятор</title>
	<link rel="stylesheet" href="style.css" />
</head>
	<body>
		<div id="calculator">
			<form name="calculator">
				<table border="1">
					<tr>
						<td colspan="5"><input id="disp" type="text" class="area" /></td>
					</tr>
					<tr>
						<td><input id="seven" type="button" name="button" value="7" /></td>
						<td><input id="eight" type="button" name="button" value="8" /></td>
						<td><input id="nine" type="button" name="button" value="9" /></td>
						<td><input id="divide" type="button" name="button" value="/" /></td>
						<td><input id="btnclear" type="button" name="button" value="C" /></td>
					</tr>
					<tr>
						<td><input id="four" type="button" name="button" value="4" /></td>
						<td><input id="five" type="button" name="button" value="5" /></td>
						<td><input id="six" type="button" name="button" value="6" /></td>
						<td><input id="multiply" type="button" name="button" value="*" /></td>
						<td><input id="btnneg" type="button" name="button" value="&plusmn;" /></td>
					</tr>
					<tr>
						<td><input id="one" type="button" name="button" value="1" /></td>
						<td><input id="two" type="button" name="button" value="2" /></td>
						<td><input id="three" type="button" name="button" value="3" /></td>
						<td><input id="substract" type="button" name="button" value="-" /></td>
						<td rowspan="2"><input id="btnequals" class="anyway" type="button" name="button" value="=" /></td>
					</tr>
					<tr>
						<td colspan="2"><input id="zero" class="zero" type="button" name="button" value="0" /></td>
						<td><input id="decimal" type="button" name="button" value="." /></td>
						<td><input id="add" type="button" name="button" value="+" /></td>
					</tr>		
				</table>
			</form>	
		</div>	
		
	<script src="JS.js"></script>
	</body>
	</html>

Код:

document.getElementById("one").onclick = function(){btnVal(1);};
document.getElementById("two").onclick = function(){btnVal(2);};
document.getElementById("three").onclick = function(){btnVal(3);};
document.getElementById("four").onclick = function(){btnVal(4);};
document.getElementById("five").onclick = function(){btnVal(5);};
document.getElementById("six").onclick = function(){btnVal(6);};
document.getElementById("seven").onclick = function(){btnVal(7);};
document.getElementById("eight").onclick = function(){btnVal(8);};
document.getElementById("nine").onclick = function(){btnVal(9);};
document.getElementById("zero").onclick = function(){btnVal(0);};
document.getElementById("btnequals").onclick = function(){equals("=");};
document.getElementById("btnclear").onclick = function(){clear();};
document.getElementById("decimal").onclick = function(){decimal();};
document.getElementById("btnneg").onclick = function(){plusMinus();};
document.getElementById("add").onclick = function(){operator("+");};
document.getElementById("multiply").onclick = function(){operator("*");};
document.getElementById("divide").onclick = function(){operator("/");};
document.getElementById("substract").onclick = function(){operator("-");};



    var calc = document.getElementById('disp');
 
 
 
 /* Одна функция на числа   типа  function btnVal(num){
    Вторая на function equals(=) 
     function equals() {
	switch(operation) {
		case "+":
			inpStr.value = medVal + +(inpStr.value);
		break;
		case "-":
			inpStr.value = medVal - +(inpStr.value);
		break;
		case "*":
			inpStr.value = medVal * +(inpStr.value);
		break;
		case "/":
		if (inpStr.value == 0) {
			inpStr.value = "Делить на 0 не надо";         И обязательно вывод такого сообщения при делении на 0
		} else {
			inpStr.value = medVal / +(inpStr.value);
		}
		break;
	}
}
  Третья на function clear() {
	previousNum = "";
	calc.value = "";
	operation = "";
	}

 Четвертая на точку(.)

 Пятая на смену знака 

// plusMinus


function plusMinus() {
	calc.value = parseInt(calc.value * -1);
}


//// Это просто примеры
Помогите пожалуйста!!!!!

Kazik · 09.12.2015, 09:30

http://on-line-teaching.com/js/js.math.sample.htm
первая ссылка по запросу "калькулятор на javascript" в google

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Калькулятор JavaScript + JQuery	romeoq	Помощь студентам	0	25.02.2013 23:25
JavaScript калькулятор	EvgeniyPR	Помощь студентам	0	09.12.2012 23:36
Калькулятор выявления экстремумов заданных функций	Wild Heart	Помощь студентам	0	25.04.2012 21:44
С помощью API-функций	diliana	Помощь студентам	2	20.07.2009 19:24

09.12.2015, 09:30	#2
Kazik Форумчанин Регистрация: 27.05.2009 Сообщений: 192	http://on-line-teaching.com/js/js.math.sample.htm первая ссылка по запросу "калькулятор на javascript" в google