InnerHTML is a property of every element. It tells you what is between the starting and ending tags of the element, and it also let you sets the content of the element.

innerHTML will show the value and apply any HTML formatting.

Ex:

HTML:

<div id='content'> Hi this is awesome </div> 

js:

let ele= document.getElementById('content') ele.innerHTML='<h1>text changed </h1>' 

ouput:

 text changed 

(in h1 style) innerHTML apply any HTML formatting in string.

InnerText:

InnerText wont apply HTML formatting

ex:

let ele= document.getElementById('content') 
ele.innerText='<h1>text changed </h1>' 

output:

<h1>text changed </h1> (html formatting will not apply here. It is interpreted as String only)