[Fun with `for` loops] #JavaScript

for-in-loop-1.js

// https://courses.wesbos.com/account/access/5b6921eb99ce1f5578c26a50/view/174357559
const cuts = [ 'Chuck', 'Brisket', 'Shank', 'Short Rib' ];

for ( const index in cuts ) {
  console.log( cuts[index] );
}

for-loop-old-skool.js

// https://courses.wesbos.com/account/access/5b6921eb99ce1f5578c26a50/view/174357559
const cuts = [ 'Chuck', 'Brisket', 'Shank', 'Short Rib' ];

for ( let i = 0; i < cuts; i++ ) {
  console.log( cuts[i];
}

forEach-loop.js

// https://courses.wesbos.com/account/access/5b6921eb99ce1f5578c26a50/view/174357559
const cuts = [ 'Chuck', 'Brisket', 'Shank', 'Short Rib' ];

cuts.forEach( ( cut ) -> {
  console.log( cut );
} );

forOf-loop-1.js

// https://courses.wesbos.com/account/access/5b6921eb99ce1f5578c26a50/view/174357559
const cuts = [ 'Chuck', 'Brisket', 'Shank', 'Short Rib' ];

for ( const cut of cuts ) {
  console.log( cut );
}

forOf-loop-2.js

const buttons = document.querySelectorAll( '.button' );

for ( const button of buttons ) {
  button.addEventListener( 'click', function() {
	console.log( this.textContent ); 
  }
}