lizlux/index.html

## index.html
<html>
<head>
  <script
      src="https://code.jquery.com/jquery-3.3.1.min.js"
      integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
      crossorigin="anonymous"></script>
</head>
<body>
<h1>Test race condition</h1>

<script>
console.log('start script');

function init() {
    console.log('init called');

    $(window).on('load', () => {
        // doesn't get called (unless super fast connection)
        console.log('window loaded from inside init');
    });
}

$.get('https://data.sfgov.org/resource/wwmu-gmzc.json', () => {
    console.log('got the response');
    init();
});

$(window).on('load', () => {
    console.log('window loaded');
});

</script>

</body>
</html>
	<html>
	<head>
	<script
	src="https://code.jquery.com/jquery-3.3.1.min.js"
	integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
	crossorigin="anonymous"></script>
	</head>
	<body>
	<h1>Test race condition</h1>

	<script>
	console.log('start script');

	function init() {
	console.log('init called');

	$(window).on('load', () => {
	// doesn't get called (unless super fast connection)
	console.log('window loaded from inside init');
	});
	}

	$.get('https://data.sfgov.org/resource/wwmu-gmzc.json', () => {
	console.log('got the response');
	init();
	});

	$(window).on('load', () => {
	console.log('window loaded');
	});

	</script>

	</body>
	</html>