Как я могу очень хорошо понять дом и что такое именно дом ?

---

Я действительно написал код с JS пытаясь понять что такое DOM в JS основываясь на некоторых онлайн документах и учебниках но это действительно не ясно для меня так как начать новое в JS таким образом я написал код сделать некоторые базовые кадры и нуждаюсь в объяснении
если бы кто-то мог объяснить мне DOM, основанный на моем коде, я был бы так рад .

Что я уже пробовал:

<div id="david">Hello World</div>
<button id="clickMe" onclick="showmessage()">Click Me</button>
<P id ="GetArray"> </p>

<script>

function showmessage () {  
	var GetText = document.getElementById("david") ;
	if (GetText.innerHTML=="Hello World"){
		GetText.innerHTML="Hello FXXL";
	}else {
    GetText.innerHTML="Hello World";
	}
}
function SortArray (value) {

text += "<li>" + value+ "</li>";

}
var text = "<ul>";
var data = [
  "Microsoft",
  "Apple",
  "Google",
];
data.forEach(SortArray);
text += "</ul>";
document.getElementById("GetArray").innerHTML=text;
</script>

---