Подскажите про JavaScript про this

Вот так 100% будет работать
<div id="div">Жми! </div>
<script type="text/javascript">
div.onclick = function () {
this.innerHTML="Привет!";
}

В спецификации языка тебе мало рассказано?
Хотя, учитывая использование onclick и innerHTML... забей, крч. Твои попытки понять, окажутся бесполезными.

<div onclick="f(this)">Жми! </div>

function f( bubu ) {
  bubu.innerText = "Привет!";
}

Так будет работать...

А onclick="..."

или тот же element.onclick = funcion()... обычно используют для простых кнопок, у которых очевидно есть только одна функция (закрыть какое-нибудь окошко и т. п.)

Минусы: 1. У onclick может быть только одно значение. Т. е. если уже есть один, а вы где-нибудь в другом месте в скрипте добавите еще один onclick для этого элемента - оба одновременно не будут работать. Один перепишет значение другого и он перестанет работать.

2. Задолбаетесь в HTML постоянно добавлять onclick="...", а потом захочется туда еще одну функцию добавить - всё заново редактировать.

Можно использовать:

<div id="bubu">Жми! </div>

var bubu = document.getElementById('bubu');
bubu.addEventListener('click', function(){
this.innerText = 'Бубу!';
});

_________

А вот innerHTML - innerText ...скорее формальность. Считается более грамотным писать innerText, если в тексте не будет содержаться HTML-код. Т. к. innerHTML тратит "ресурсы" на проверку всего текста на наличие HTML, чтобы выполнить его как код. А innerText сразу не разбирая ставит все символы как обычный текст. Хотя я не представляю, каких объемов должен быть передаваемый текст, чтобы разница реально ощущалась.