У меня есть строки типа ( Ivan|Ivanov|81234567897| ) их 50-100шт. Я хочу вводить в тег textarea текст типа 812345:10.. То есть номера, в которых 6 цифр совпадают с тем, что я написал в вторую textarea выводить во третью в том кол-ве, которое я задал ( допустим 10, как в примере). Если всего таких номеров 5, а я задал 10, то выводим все 5, а если их 20, а мне нужно 10, то выводить всего 10, оставшиеся оставляем. И совпавшие номера в второй textarea мы их оттуда удаляем и добавляем в третью ( всего три поля: 1 для 812345:10, второе для исходных данных типа Ivan|Ivanov|81234567897|, третье для совпавших Ivan|Ivanov|81234567897| )
Я написал говнокод, так как не смог разобраться с тем, что я написал выше и у меня это выглядит вот так. То есть я использую инпуты, вместо textarea. И собственно сам код... По моей задумке должно выглядеть так https://codepen.io/ohwoow/pen/OJzBMBg
const btn = document.querySelector('.btn-format')
const noFormatText = document.querySelector('.no-format-text')
const formatText = document.querySelector('.coincidences-text')
const inputNum1 = document.querySelector('.numbers-1'),
binCount1 = document.querySelector('.bin_count-1'),
inputNum2 = document.querySelector('.numbers-2'),
binCount2 = document.querySelector('.bin_count-2'),
inputNum3 = document.querySelector('.numbers-3'),
binCount3 = document.querySelector('.bin_count-3'),
inputNum4 = document.querySelector('.numbers-4'),
binCount4 = document.querySelector('.bin_count-4'),
inputNum5 = document.querySelector('.numbers-5'),
binCount5 = document.querySelector('.bin_count-5'),
inputNum6 = document.querySelector('.numbers-6'),
binCount6 = document.querySelector('.bin_count-6'),
inputNum7 = document.querySelector('.numbers-7'),
binCount7 = document.querySelector('.bin_count-7'),
inputNum8 = document.querySelector('.numbers-8'),
binCount8 = document.querySelector('.bin_count-8'),
inputNum9 = document.querySelector('.numbers-9'),
binCount9 = document.querySelector('.bin_count-9'),
inputNum10 = document.querySelector('.numbers-10'),
binCount10 = document.querySelector('.bin_count-10');
btn.addEventListener('click', (e) => {
const uncheckedArray = []
const main = []
const coincidences1 = []
const coincidences2 = []
const coincidences3 = []
const coincidences4 = []
const coincidences5 = []
const coincidences6 = []
const coincidences7 = []
const coincidences8 = []
const coincidences9 = []
const coincidences10 = []
let value = noFormatText.value.split('\n')
for (let i = 0; i < value.length; i++) {
const element = value[i];
uncheckedArray.push(element.split('|').filter(el => el != ''))
}
for (elem of uncheckedArray) {
let ccNum = elem[2].slice(0,6)
if (inputNum1.value == ccNum) {
coincidences1.push(elem)
} else if (inputNum2.value == ccNum) {
coincidences2.push(elem)
} else if (inputNum3.value == ccNum) {
coincidences3.push(elem)
} else if (inputNum4.value == ccNum) {
coincidences4.push(elem)
} else if (inputNum5.value == ccNum) {
coincidences5.push(elem)
} else if (inputNum6.value == ccNum) {
coincidences6.push(elem)
} else if (inputNum7.value == ccNum) {
coincidences7.push(elem)
} else if (inputNum8.value == ccNum) {
coincidences8.push(elem)
} else if (inputNum9.value == ccNum) {
coincidences9.push(elem)
} else if (inputNum10.value == ccNum) {
coincidences10.push(elem)
}
}
const coincidencesLimit1 = coincidences1.slice(0, binCount1.value)
const coincidencesLimit2 = coincidences2.slice(0, binCount2.value)
const coincidencesLimit3 = coincidences3.slice(0, binCount3.value)
const coincidencesLimit4 = coincidences4.slice(0, binCount4.value)
const coincidencesLimit5 = coincidences5.slice(0, binCount5.value)
const coincidencesLimit6 = coincidences6.slice(0, binCount6.value)
const coincidencesLimit7 = coincidences7.slice(0, binCount7.value)
const coincidencesLimit8 = coincidences8.slice(0, binCount8.value)
const coincidencesLimit9 = coincidences9.slice(0, binCount9.value)
const coincidencesLimit10 = coincidences10.slice(0, binCount10.value)
if (coincidencesLimit1.length != 0) {
main.push(coincidencesLimit1)
}
if (coincidencesLimit2.length != 0) {
main.push(coincidencesLimit2)
}
if (coincidencesLimit3.length != 0) {
main.push(coincidencesLimit3)
}
if (coincidencesLimit4.length != 0) {
main.push(coincidencesLimit4)
}
if (coincidencesLimit5.length != 0) {
main.push(coincidencesLimit5)
}
if (coincidencesLimit6.length != 0) {
main.push(coincidencesLimit6)
}
if (coincidencesLimit7.length != 0) {
main.push(coincidencesLimit7)
}
if (coincidencesLimit8.length != 0) {
main.push(coincidencesLimit8)
}
if (coincidencesLimit9.length != 0) {
main.push(coincidencesLimit9)
}
if (coincidencesLimit10.length != 0) {
main.push(coincidencesLimit10)
}
const output = [];
main.forEach(el => {
for (item of el) {
output.push(item)
}
})
function get_user_key(user) {
return `${user[0]}-${user[1]}-${user[2]}`;
}
let key_by_user = new Map()
for (user of checkArray) {
let key = get_user_key(user)
if (!key_by_user.has(key)) {
key_by_user.set(key, user)
}
for (item of output) {
let itemKey = get_user_key(item)
if (key_by_user.has(itemKey)) {
key_by_user.delete(key)
}
}
}
noFormatText.value = ''
for (user of key_by_user.values()) {
noFormatText.value += `|${user.join('|')}|\n`
}
for (item of output) {
formatText.value += `|${item.join('|')}|\n`
}
})