How do i use for loop for this code so,the class element changes?

Question

I'm trying to use for loop this code:

document.querySelectorAll('[class^="machine1"]').forEach(p => {
  if (p.textContent === '') {
    p.textContent = partnumber;
    jobsheets();
  }
})      

so, it changes to machine 2, or machine 3. Stops once it reaches machine 3.

Answer 1

const machines = [1,2,3];

machines.forEach(function(m) {
    document.querySelectorAll(`[class^="machine${m}"]`)...
})

Define the machines you want to loop through, and then loop through them, changing your selector each time