Вставить число в свободный input

101
04 июля 2021, 10:20

подскажите как вставлять числа в input по порядку нажатия

Есть к примеру 10 чисел и 3 input , при кликаньи на определенно число оно должно заносится в input

1 2 3 4 5 6 7 8 9 10

я нажал

1 2 3 4 5 6 7 8 9 10

и в трех input отобразилось

<input type="number" value="1">
<input type="number" value="4">
<input type="number" value="9">
Answer 1

Можно сделать так :

const inputs = document.querySelectorAll('input[type="number"]'), 
  maxIndex = inputs.length - 1; 
let currentIndex = 0; 
 
[...document.getElementsByTagName('button')].forEach(b => b.addEventListener('click', e => { 
  const val = +e.target.textContent; 
  inputs[currentIndex].value = val; 
  currentIndex = currentIndex === maxIndex ? 0 : currentIndex + 1; 
}))
<button>1</button><button>2</button><button>3</button><button>4</button><button>5</button><button>6</button><button>7</button><button>8</button><button>9</button> 
<hr /> 
<input type="number" /><input type="number" /><input type="number" />

READ ALSO
Обязательно ли в структуре json должны быть квадратные скобки?

Обязательно ли в структуре json должны быть квадратные скобки?

Обязательно ли в структуре json, по стандарту должны быть квадратные скобки, при перечислении однотипных полей ?

106
Кодировка БД и сайта

Кодировка БД и сайта

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

114
Прикрепить файл html к свойствам bean в context

Прикрепить файл html к свойствам bean в context

Настраиваю bean одной сущности в Contextxml раньше у меня было

107
Как исправить &ldquo;MySQLSyntaxErrorException: Unknown column &#39;???N_.???&#39; in &#39;field list&#39;&rdquo; с использованием &ldquo;hibernate&rdquo; and &ldquo;springframwork&rdquo;?

Как исправить “MySQLSyntaxErrorException: Unknown column '???N_.???' in 'field list'” с использованием “hibernate” and “springframwork”?

Моё java-приложение работает с БД под SQLПосле добавления в БД новой таблицы “paragraph_type” и новой связанной колонки “PARTYPE_ID” в таблицу “paragraphs”...

102