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

225
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
Не добавляет элементы в массив [закрыт]

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

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

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

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

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

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

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

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

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

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

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

188