I have a file like this:
<html>
<script>
var a = document.createElement('script');
a.src = 'js/index.js';
document.getElementsByTagName('html')[0].appendChild(a);
</script>
</html>
I have a folder called js, in this folder I have 8 files with the .js extension. These files have very similar and similar code lines ... So I did it in alphabetical order and also to facilitate your code visualization and analysis.
I started from letter "a" to letter "g". Except for the last file, whose name I put: "index.js". As you can see below:
a.js
var j = document.createAttribute("id");
j.value = "ty";
var k = document.getElementsByTagName("ty")[0];
k.setAttributeNode(j);
b.js
var h = document.createAttribute("id");
h.value = "rty";
var i = document.getElementsByTagName("rty")[0];
i.setAttributeNode(h);
c.js
var g = document.createAttribute("id");
g.value = "avs";
var h = document.getElementsByTagName("avs")[0];
h.setAttributeNode(g);
d.js
var a = document.createElement('avs');
document.write('<avs></avs>');
document.getElementsByTagName('html')[0].appendChild(a);
e.js
var c = document.createElement('ty');
document.write('<ty></ty>');
document.getElementsByTagName('html')[0].append(c);
f.js
var b = document.createElement('rty');
document.write('<rty></rty>');
document.getElementsByTagName('html')[0].appendChild(b);
g.js
var k = document.body;
k.parentNode.removeChild(k);
var l = document.head;
l.parentNode.removeChild(l);
And finally index.js:
var a = document.createElement('script');
a.src = 'js/d.js';
document.getElementsByTagName('script')[0].appendChild(a);
var b = document.createElement('script');
b.src = 'js/e.js';
document.getElementsByTagName('script')[0].appendChild(b);
var c = document.createElement('script');
c.src = 'js/f.js';
document.getElementsByTagName('script')[0].appendChild(c);
var d = document.createElement('script');
d.src = 'js/c.js';
document.getElementsByTagName('script')[0].appendChild(d);
var e = document.createElement('script');
e.src = 'js/b.js';
document.getElementsByTagName('script')[0].appendChild(e);
var f = document.createElement('script');
f.src = 'js/a.js';
document.getElementsByTagName('script')[0].appendChild(f);
var g = document.createElement('script');
g.src = 'js/g.js';
document.getElementsByTagName('script')[0].appendChild(g);
var h = document.createElement("link");
h.setAttribute("rel", "stylesheet");
h.setAttribute("src", "css/style.css");
document.getElementsByTagName('html')[0].appendChild(h);
So ... how can I reduce these lines of code, for something simpler?