Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 10.01.2016, 11:24
Новичок на форуме
Отправить личное сообщение для Valentinushka Посмотреть профиль Найти все сообщения от Valentinushka
 
Регистрация: 10.01.2016
Сообщений: 1

Простой калькулятор
Нужно реализовать простой калькулятор, чтобы при клике на кнопку увеличивалось значение
То что есть на данный момент, но нормально не работает
<script type='text/javascript'>
var count=1499;
function inc1() {
	document.getElementById('rezultat').innerHTML=1599;
	return false;
};
function inc2() {
	document.getElementById('rezultat').innerHTML=1699;
	return false;
};
function inc3() {
	document.getElementById('rezultat').innerHTML=1799;
	return false;
};
</script>

<div class="btn_wrap">
							
							<input type="button" value="ШАНС +10%" onclick="inc1()">
							<span>+ 100 РУБЛЕЙ</span>
							</div>
							<div class="btn_wrap">
							<input type="button" value="ШАНС +20%" onclick="inc2()">
							<span>+ 200 РУБЛЕЙ</span>
							</div>
							<div class="btn_wrap">
							<input type="button" value="ШАНС +30%" onclick="inc3()">
							<span>+ 300 РУБЛЕЙ</span>
							<div id="rezultat">1499</div>
							</div>
Ответить с цитированием
  #2 (permalink)  
Старый 10.01.2016, 12:41
Профессор
Отправить личное сообщение для Keramet Посмотреть профиль Найти все сообщения от Keramet
 
Регистрация: 30.12.2015
Сообщений: 194

Не совсем понятно условие:
1) +10...+30% или +100...+300 руб.?
2) Прибавлять величины к начальному значению (1499) или к текущему?
<!doctype html>
<html>
	<head>
		<meta charset="utf8">
		<title>calc</title>
		<script type='text/javascript'>
		
		window.onload = function() {
			var count = 1499;
			
			function addF(n) {
				return function() {
					count += n;
					document.getElementById('rezultat').innerHTML = count;
				}
			}
			document.getElementById('c10').onclick = addF(100);
			document.getElementById('c20').onclick = addF(200);
			document.getElementById('c30').onclick = addF(300);
		}
		</script>	
	</head>
<body>

	<div class="btn_wrap">
		<input type="button" value="ШАНС +10%" id = 'c10'>
        <span>+ 100 РУБЛЕЙ</span>
    </div>
	<div class="btn_wrap">
        <input type="button" value="ШАНС +20%" id = 'c20'">
		<span>+ 200 РУБЛЕЙ</span>
    </div>
    <div class="btn_wrap">
        <input type="button" value="ШАНС +30%" id = 'c30'">
        <span>+ 300 РУБЛЕЙ</span>
	</div>	
	
	<div id="rezultat">1499</div>
    
</body>
</html>

Последний раз редактировалось Keramet, 10.01.2016 в 12:45.
Ответить с цитированием
  #3 (permalink)  
Старый 10.01.2016, 12:54
Профессор
Отправить личное сообщение для Keramet Посмотреть профиль Найти все сообщения от Keramet
 
Регистрация: 30.12.2015
Сообщений: 194

Блин, можно проще:
window.onload = function() {
	
			function addF(n) {
				return function() {
					document.getElementById('rezultat').innerHTML = +document.getElementById('rezultat').innerHTML + n;
				}
			}
			document.getElementById('c10').onclick = addF(100);
			document.getElementById('c20').onclick = addF(200);
			document.getElementById('c30').onclick = addF(300);
		}
Ответить с цитированием
  #4 (permalink)  
Старый 10.01.2016, 19:29
Аватар для DynkanMaclaud
Профессор
Отправить личное сообщение для DynkanMaclaud Посмотреть профиль Найти все сообщения от DynkanMaclaud
 
Регистрация: 08.08.2014
Сообщений: 261

да ну на каждый инпут вешать событие... неблагородное дело...https://jsfiddle.net/b3t7vykt/2/
Ответить с цитированием
Ответ


Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
простой калькулятор kekc91 Общие вопросы Javascript 12 28.12.2016 00:45
Калькулятор услуг tarantino Javascript под браузер 1 30.07.2015 00:21
Простой калькулятор под Joomla 3.3 artvasya Общие вопросы Javascript 0 24.02.2015 19:04
Простой калькулятор AlexFoxx Events/DOM/Window 12 18.02.2014 13:41
Очень простой калькулятор NeoMurderer Элементы интерфейса 3 30.06.2011 20:06