Увеличить val и изменить placehlder

183
24 августа 2018, 15:30

Задача: после нажатия на кнопку, value инпута должно попасть в p, одновременно с этим placeholder инпута должен стать value + 100.

Например: ввели 1 200 - в p попало 1 200, в placeholder попало 1 300.

Перепробовал все, что знал. Просьба - вводите только числа и пробелы после тысячных, не стал лишний код закидывать.

http://jsfiddle.net/gez0ux6m/28/

Answer 1

Задача: после нажатия на кнопку, value инпута должно попасть в p, одновременно с этим placeholder инпута должен стать value + 100.

$('.btn').on('click', function() { 
  var betNum = $('.price') 
  var betNumVal = betNum.val().replace(/\s/g, ''); // Удаляет пробелы 
  $('.input').text(+betNumVal + ' p');  
 
  betNumVal = +betNumVal + 100; // Добавляет 100 
  betNum.val('') // Чистит инпут 
  // Добавляет в инпут число с пробелами через каждые 3 цифры 
  betNum.attr("placeholder", (betNumVal).toString().replace(/(\d)(?=(\d{3})+$)/g, '$1 ')); 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<input type="text" placeholder="12" class="price"> 
<button class="btn"> btn</button> 
<p class="input"></p>

READ ALSO
Не добавляет элементы в массив [закрыт]

Не добавляет элементы в массив [закрыт]

Собственно, вот чем я сбит с толку

194
Запуск функции при загрузке страницы

Запуск функции при загрузке страницы

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

177
Неправильное отображение на хостинге CSS JS

Неправильное отображение на хостинге CSS JS

Всем привет, делал правки по сайту на компе, все работало, залил файлы на хостинг (beget) и некоторые стили и половина JS не работаетФайлы все перепроверил,...

180
RegExp добавить букву в конец строки

RegExp добавить букву в конец строки

Получаю значение, состоящее только из цифр, из переменной и мне надо добавить в конец букву pВот, что пытался, но попусту

149