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

180
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
Проблема с версткой. Сдвиг всей страница вниз.

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

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

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

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

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

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

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

BitInteger у меня из SystemNumerics

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

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

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

355