Как заставить счетчик работать Javascript [закрыт]

251
21 июля 2018, 03:40

Допустим у меня есть текст, который называется "Шаг 1" Мне необходимо, чтобы при нажатии на кнопку, к называнию текста "Шаг 1" добавлялась единичка, то есть "Шаг 2". Как это можно реализовать?

Answer 1

var x = document.querySelector('#button'); 
var i = 0; 
x.addEventListener('click', function() { 
  i++; 
  document.querySelector('#step').innerHTML = i; 
});
Step <span id='step'>0</span> 
 
<button id="button">Clickme!</button>

Answer 2

Либо искать число с помощью регулярных выражений, если нету возможности использовать отдельный блок для цифры.

$('button').on('click', function() { 
  var num = $('p').text().match(/\d+/g); // Нашли текст и изъяли число по регулярке 
  $('p').text('Шаг ' + ++num);           // Обновили текст в блоке 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<p>Шаг 15</p> 
<button>Следующий шаг</button>

READ ALSO
Проблема с версткой. Сдвиг всей страница вниз.

Проблема с версткой. Сдвиг всей страница вниз.

Не могу понять причину проблемыВся страница отображается со сдвигом

220
Как реализовать фрагмент макета psd

Как реализовать фрагмент макета psd

Не могу понять, как правильно реализовать вставку иконок через фоновое изображение так, чтобы текст располагался справа, а не под картинкой...

247
Не могу привести valueType к BigInteger

Не могу привести valueType к BigInteger

BitInteger у меня из SystemNumerics

226
Вывод ответа с устройства по протоколу modbus RTU C#

Вывод ответа с устройства по протоколу modbus RTU C#

Столкнулся с проблемой: необходимо считывать данные с устройств по протоколу modbusЯ не могу понять, как получить ответ от устройства

425