laczenie plikow tekstowych na podstawiw wyboru z formularza

Witam ,

potrzebuje drobnej pomocy od experta z js a mianowicie chciałbym zapytać czy jestem w stanie w html/js wykonać generator kodu na podstawie formularza wyboru .

<select>
  <option value="plik1>plik1</option>
  <option value="plik2">plik2</option>
  <option value="plik3">plik3</option>
  <option value="plik4">plik4</option>
</select>

przykładowo po wybraniu opcji i kliknięciu w przycisk generuj zostaną połączone pliki np start.txt + plik z listy + plik koniec.txt .połączony plik tekstowy mógł by zostać wyświetlony w nowym oknie .
Prosiłem o mini przykład na którym mógł bym popracować

Pozdrawiam serdecznie

Zakładając, że umiesz obsłużyć wybór plików to reszta na szybko wyglądałaby jakoś tak:

const selectedFiles = [
  'path/to/file1.txt',
  'path/to/file2.txt'
]

Promise
  .all(selectedFiles.map(file => fetch(file)))
  .then(responses => Promise.all(responses.map(response => response.text())))
  .then(responses => responses.reduce((prev, next) => `${prev}\n${next}`))
  .then(text => {
    const file = new Blob([text], { type: 'text/plain' })
    const url = URL.createObjectURL(file)
    // here you can add url to some link / button etc
  })

CodePen z działającym przykładem: https://codepen.io/caderek/pen/aLGYBr