My understanding of learning vanilla JS

When I started learning web development initially I learnt HTML
(hyper text markup language) then,CSS(cascading style sheets) then I came to learn vanilla JS/javascript. Vanilla js is the plain javascript without any framework or library.
console.log('Hello World'), sounds familiar ?

indeed the main line of code that every beginner learn while learning javascript basics. When I took in my first js code I thought what is this? , what it's utilization?, Why console.log('')?.And then variables,data types,operators,functions loops,objects,arrays, etc. As javascript was my very first programming language I had never experienced these words.But then I learnt DOM(DOCUMENT OBJECT MODEL) while learning DOM I figured the reason why these things are utilized for any website,since without DOM javascript must be utilized to make CLI (Command Line Interface) yet with regards to GUI(Graphical User Interface) javascript assumes exceptionally fundamental part for putting functionality to any webpage graphically.
when we learn javascript the entire console.log('') concept seems to be meaningless thinking that why one will inspect our webpage to see the js in the console (developer tool in every browser)? however, then I understood that alright so the console.log('') is utilized majorly for debugging(to counter any code error).Dom manipualtoin truly assisted me with learning JS coherently and,afterall each programming language has one single capacity INPUT,OUTPUT and PROCESSING.
Same with the js in browser or even in console it takes any input ,processes it and then gives output the first dom functionality which I learnt was event listener,that helped me to understand how any button in browser performs any action while been ‘clicked’.
Js is seems to be an amazing as well as very usefull and easy to learn programming language,as a beginner I understood it’s basics quickly and implemented on my various projects and I’m learning it daily.