Liz Lee lizlux

## typescript-menu-aim
/**
 * This plugin attempts to duplicate Amazon's triangle hover navigation menu.
 * It's an adaptation of https://github.com/kamens/jQuery-menu-aim, written in Typescript, without jQuery
 * See original plugin for documentation
 */

// tslint:disable no-use-before-declare

interface Options {
  rowSelector?: string;

## 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>

## gist:458d4bc51821fc31d2ba0c3928b671ad
function init () {
	let paragraph = document.querySelector('.entry-content p');
	paragraph.addEventListener('click',  clicked);
}

function clicked () {
	console.log(this);
}

init();

## js-scope-jquery.js
var myObj = {
	init: function () {
		var paragraph = $('.entry-content p');
		paragraph.on('click',  this.clicked);
	},
	clicked: function () {
		console.log(this);
	}
};

## clean-code.js
(function () {
  var articleImage = document.querySelectorAll('.article img'),
    nextArrow = document.getElementById('#nextArrow'),
    previousArrow = document.getElementById('prevArrow');

  articleImage.addEventListener('click', openGallery);
  nextArrow.addEventListener('click', showNextImage)
  previousArrow.addEventListener('click', showPreviousImage)

  function openGallery() {

## gulp-ES6.js
var gulp = require('gulp'),
	ts = require('gulp-typescript'),
	options = {
		target: 'ES6',
		noImplicitAny: true,
		removeComments: false,
		declarationFiles: false,
		sortOutput: true,
		suppressImplicitAnyIndexErrors: true
	};
	<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>
	function init () {
	let paragraph = document.querySelector('.entry-content p');
	paragraph.addEventListener('click', clicked);
	}

	function clicked () {
	console.log(this);
	}

	init();
	var myObj = {
	init: function () {
	var paragraph = $('.entry-content p');
	paragraph.on('click', this.clicked);
	},
	clicked: function () {
	console.log(this);
	}
	};
	(function () {
	var articleImage = document.querySelectorAll('.article img'),
	nextArrow = document.getElementById('#nextArrow'),
	previousArrow = document.getElementById('prevArrow');

	articleImage.addEventListener('click', openGallery);
	nextArrow.addEventListener('click', showNextImage)
	previousArrow.addEventListener('click', showPreviousImage)

	function openGallery() {
	var gulp = require('gulp'),
	ts = require('gulp-typescript'),
	options = {
	target: 'ES6',
	noImplicitAny: true,
	removeComments: false,
	declarationFiles: false,
	sortOutput: true,
	suppressImplicitAnyIndexErrors: true
	};