Показать сообщение отдельно
  #1 (permalink)  
Старый 28.01.2015, 20:33
Аспирант
Отправить личное сообщение для DeV1doR Посмотреть профиль Найти все сообщения от DeV1doR
 
Регистрация: 07.12.2014
Сообщений: 30

Помощь с функциональностью
Хочу улучшить калькулятор. Ниже код:
<!DOCTYPE html>
<html>
	<head>
		<style type="text/css">
			button {
				text-align: center;
			}

			input {
				text-align: right;
				padding-left: 5px;
				padding-right: 5px;
			}

			button, input {
				width: 100%;
				height: 35px;
			}
		</style>
		<script type="text/javascript">
			"use strict";

			function typeSomething(id) {
				myText.value += id.innerHTML;
			}

			function clearSomething() {
				myText.value = '';
			}

			function calculation() {
				myText.value = eval(myText.value);
			}

			function minusOne() {
				myText.value = myText.value.slice(0,-1);
			}
		</script>
	</head>
	<body>
		<table id="numbers">
			<tr>
				<td colspan="4"><input id="myText" value=""/></td>
			</tr>
			<tr>
				<td colspan="3"><button id="ClearAll" onClick="clearSomething()">Clear All</button></td>
				<td><button id="Minus1" onClick="minusOne()"><-</button></td>
			</tr>
			<tr>
				<td><button id="Seven" onClick="typeSomething(this)">7</button></td>
				<td><button id="Eight" onClick="typeSomething(this)">8</button></td>
				<td><button id="Nine" onClick="typeSomething(this)">9</button></td>
				<td><button id="Devide" onClick="typeSomething(this)">/</button></td>
			</tr>
			<tr>
				<td><button id="Four" onClick="typeSomething(this)">4</button></td>
				<td><button id="Five" onClick="typeSomething(this)">5</button></td>
				<td><button id="Six" onClick="typeSomething(this)">6</button></td>
				<td><button id="Multiply" onClick="typeSomething(this)">*</button></td>
			</tr>
			<tr>
				<td><button id="One" onClick="typeSomething(this)">1</button></td>
				<td><button id="Two" onClick="typeSomething(this)">2</button></td>
				<td><button id="Three" onClick="typeSomething(this)">3</button></td>
				<td><button id="Minus" onClick="typeSomething(this)">-</button></td>
			</tr>
			<tr>
				<td><button id="dot" onClick="typeSomething(this)">.</button></td>
				<td><button id="Zero" onClick="typeSomething(this)">0</button></td>
				<td><button id="Equal" onClick="calculation()">=</button></td>
				<td><button id="Plus" onClick="typeSomething(this)">+</button></td>
			</tr>
		</table>
	</body>
</html>


1) Как сделать, что бы функция minusOne() убирала не только последний символ, а любой?(например- число 1234)Моя функция будет убирать 4, где бы не стоял мигающий курсор. Надо сделать так, что бы она удаляла последнее число там, где как раз, таки курсор.

2) Как сделать ограничение по вводу input?(нашел maxlength, но он не пашет).

3) Критику в студию)

ПС: Моя почти первая программка, не включая это Связь между графиком и выходными данными.. Спс Рони, препод заценил)
Ответить с цитированием