ساخت تگ های html با جاوا اسکریپت:

مثال ۱:

var heading = document.createElement('h1');

heading.textContent = 'list of fruit';
const ul =  document.createElement('ul');
ul.textContent = "";
const li1 =  document.createElement('li');
li1.textContent = "apple";
const li2 =  document.createElement('li');
li2.textContent = "orange";
const li3 =  document.createElement('li');
li3.textContent = "lemon";
const li4 =  document.createElement('li');
li4.textContent = "cocenat";
const li5 =  document.createElement('li');
li5.textContent = "banana";

ul.appendChild(li1);
ul.appendChild(li2);
ul.appendChild(li3);
ul.appendChild(li4);
ul.appendChild(li5);
document.body.appendChild(heading);
	
	
	
document.body.appendChild(ul);
	
	
var att = document.createAttribute("align");
att.value = "center";
heading.setAttributeNode(att);
	
	
	
document.body.appendChild(heading);
document.body.appendChild(ul);
		

تمرین ۲: برنامه ای بنویسید که با هر بار کلیک بر روی صفحه یه دایو رنگی در همان محل ساخته شود .همچنین مشخصات ان نقطه هم همان جا نمایش دهد.

نمونه تمرین ۱   نمونه تمرین ۲