Result Size: 300 x 150
x
 
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript "this"</h1>
<p>Цей приклад демонструє, що у звичайній функції ключове слово «this» представляє різні об’єкти залежно від способу виклику функції.</p>
<p>Натисніть кнопку, щоб знову виконати функцію «hello», і ви побачите, що цього разу «this» представляє об’єкт кнопки.</p>
<button id="btn">Тикай в мене!</button>
<p id="demo"></p>
<script>
let hello = "";
hello = function() {
  document.getElementById("demo").innerHTML += this;
}
//Об’єкт вікна викликає функцію:
window.addEventListener("load", hello);
//Об’єкт кнопки викликає функцію:
document.getElementById("btn").addEventListener("click", hello);
</script>
</body>
</html>