Javascript задано значение многих элементов очень медленно

Question

У меня есть al oop, которые меняют значение ввода, и я не нахожу никакого решения, чтобы оптимизировать это, потому что l oop занимает больше 5 секунд.

My l oop выглядит так :

for(let i = 0; i < 50; i++)
{
    const element = document.getElementById(`txt-assembly-${i}`);
    element.value = "40";
}

Answer 1

Нет, установка value для 50 элементов не медленная, а почти мгновенная. Ваши проблемы с производительностью должны быть в другом месте. Попробуйте посмотреть на вкладку производительности консоли разработчика в chrome.

for (let i = 0; i < 50; i++)
  document.querySelector('div').appendChild(document.createElement('input'));

let reset = val => [...document.querySelectorAll('input')]
  .forEach(el => el.value = val);
  
reset(40);
  
document.querySelector('button').addEventListener('click', () => reset(Math.random() * 100));

<button>random</button>
<div></div>