Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   По нажатию на кнопку изменять число (https://javascript.ru/forum/dom-window/61606-po-nazhatiyu-na-knopku-izmenyat-chislo.html)

anna4 19.10.2016 07:10

Есть скрипт, как необходимым кнопка задать id
<script>
;(function(){
/* Это код отвечающий за клики по кнопкам
с увеличением числа.
Необходимым кнопкам необходимо указать id: plus
(при редактировании кнопки на вкладке: "действия"
И указать на странице число оборнутое в спан с
определленым id:<span id="numberPlus">0</span>
*/
var btnAll = document.querySelectorAll('.btn[hack-data-id=plus]');
var number = document.getElementById('numberPlus');
var n = 339;
number.innerHTML = localStorage.plusNumber || 0;
for (var i = 0; i < btnAll.length; i++) {
btnAll[i].setAttribute('data-click', 'true');
};
document.body.addEventListener('click', function(event) {
var targ = event.target;
if (check(targ)) {
updateNum();
targ.setAttribute('data-click', 'false');
}
else if (check(targ.parentNode)) {
updateNum();
targ.parentNode.setAttribute('data-click', 'false');
}
});

function updateNum() {
lastZn = +localStorage.plusNumber || 0;
localStorage.plusNumber = lastZn + n;
number.innerHTML = localStorage.plusNumber;
};

function check(elem){
return ~elem.className.search('btn') &&
elem.getAttribute('hack-data-id') === 'plus' &&
elem.getAttribute('data-click') === 'true';
};
}());

</script>


<p style="text-align: right; line-height: 1;"><strong>Баланс: <span id="numberPlus">0</span></strong></p>

anna4 19.10.2016 10:08

Помогите сделать кнопку с этим значением <span id="numberPlus">0</span>


Часовой пояс GMT +3, время: 12:33.