Показать сообщение отдельно
  #7 (permalink)  
Старый 13.01.2018, 19:07
Новичок на форуме
Отправить личное сообщение для abrahamm Посмотреть профиль Найти все сообщения от abrahamm
 
Регистрация: 13.01.2018
Сообщений: 5

рони,
Не важно куда и не обязательно картинки, можно и div.
Просто хочу увидеть пример как это реализуется.
Спасибо огромное за внимание!
<head>
	<title>test</title>
</head>
<body>
	<section id="section">
		<p id="quantity">0</p>
		<button id="plusFive">+5</button>
		<button id="minusFive">-5</button>
	</section>
<script type="text/javascript">

var img = document.createElement('img'),
	quantity = parseInt(document.getElementById('quantity').innerHTML);
	img.className = 'img';

plusFive.onclick = function() {
	quantity = quantity + 5;

        for (var i = 0; i < quantity; i++) {
	        document.getElementById('section').appendChild(img);
	}
	document.getElementById('quantity').innerHTML = quantity;
}

minusFive.onclick = function() {
	quantity = quantity - 5;

	document.getElementById('quantity').innerHTML = quantity;
}

</script>

</body>

Последний раз редактировалось abrahamm, 13.01.2018 в 19:17.
Ответить с цитированием