Tutorial with Run

Output :

innerText linebreak

let dom = document.getElementById("output");
dom.innerText = "Result 1\nLine 2";

innerText does parse HTML syntax

let dom = document.getElementById("output");
dom.innerText = "<p>Result 2</p>";

innerHTML parse HTML syntax

let dom = document.getElementById("output");
dom.innerHTML = "<p>Result 3</p><p style='font-style:italic'>even styling</p>";

innerHTML causes vulnerability

let dom = document.getElementById("output");
dom.innerHTML = "<button onclick='alert()'>Imitating malicious activities.</button>";

innerText VS innerHTML