Javascript events sequence

by Artem

HTML

<form id="f">
  <input type="text" id="i">
</form>
<button id="btn">Button</button>

JavaScript

'use strict';

i.onfocus = function() {
  console.log('focus');
};

btn.onclick = function() {
	console.log('before onclick');
	i.focus();
  console.log('after onclick');
};