Correct use of JavaScript to write multiple meta tags

Question

Hello, I am very new to JS. I would like to ask about my code, how can I write it correctly?

function impScript(scriptURL){
   let headTitle = document.querySelector('head');
   let setProperty = document.createElement('script');
   setProperty.setAttribute('href',scriptURL);
   headTitle.appendChild(setProperty);
}
const metaScript = ['ar.js','ar2.js']
impScript(metaScript);

The code works, but the result is 2script href="ar.js,ar2.js">

I want to do this

<script href="ar.js"></script>
<script href="ar2.js"></script

What should I do? Your answer will be helpful, thank you.

Answer 1

You need to loop through the array and create tags one by one:

metaScript.forEach(s => impScript(s));