$('.pump-dat-data').click(function() {
    $.ajax({
        url: 'ajax/table.html',
        type: 'GET',
        success: function(res) {
            $('.results-table').html(res);
        }
    });
})

var sum;

$.each([1, 2, 'poop'], function() {
   sum += $.isNumeric(this) ? this : 0;
});


var nameToSend = $.trim(nameInput);


var newObject = $.extend(obj1, obj2);

this.$outerDiv = $('<div></div>')
    .hide()
    .append($('<table></table>')
        .attr({ cellSpacing : 0 })
        .addClass('text')
    );

$(window).resize(function() {
   fixIe();
})

$('.my-container > .nav-container > .nav > .red button').click(function () {
    // logic  
});

$('.my-container > .nav-container > .nav > .blue button').click(function () {
    // logic  ?
});

// DONT TOUCH THIS
$('.my-container > .nav-container > .nav > .green button').click(function () {
    // logic  ? ? ?
});


// HACK FOR IE6
$('#results-form-element').change(function () {
    // logic  
});

var toppingsList = [
    'mushrooms', 'cheese', 'peppers'
];


var result = '';
$.each(toppingsList, function(index) {
    var toppping = this.toUpperCase();
    
    result += toppping;
    if (index !== toppingsList.length - 1) {
        result += ', ';
    }
});

const toppingsList = [
    'mushrooms', 'cheese', 'peppers'
];


const result = toppingsList
    .map(res => res.toUpperCase())
    .join(', ');

$.ajax({
    url: 'https://my-api.com/data',
    type: 'GET',
    success: function(res) {
        console.log(res);
    },
    error: function(err) {
        console.error(err);
    }
});

fetch('https://my-api.com/data')
  .then(res => console.log(res))
  .catch(err => console.error(err))

//file.js
$('.my-button').click(function(e) {
  e.preventDefault();
  console.log('this is:', e.target);
});

class App extends React.Component {
  handleClick = (e) => {
    e.preventDefault();
    console.log('this is:', e.target);
  };

  render() {
    return (
      <button onClick={this.handleClick}>
        Click me
      </button>
    );
  }
}

<!-- file.html -->
<button class="my-button">
  Click me
</button>

<!-- file.html -->

<div id="app">
  <button class="my-button">Toggle me</button>
  <p class="toggle">Change Color</p>
</div>

class App extends React.Component {
  state = { toggled: false };

  handleClick = (e) => {
    e.preventDefault();
    this.setState({ toggled: !this.state.toggled });
  };

  render() {
    const toggleClass = this.state.toggled
                        ? 'red' : '';
    return (
      <div>
        <button
          onClick={handleClick}>Toggle Me</button>
        <p className={toggleClass}>Change Color</div>
      </div>
    );
  }
}

// file.js
var classToggled = false;

$('my-button').click(function(e) {
  if (classToggled) {
    $('.toggle').addClass('red');
  } else {
    $('.toggle').removeClass('red');
  }
});

<!-- file.html -->
<div>


  <input class="my-name" type="text" />


  <div class="greeting"></div>

</div>

class App extends React.Component {
  state = { name: '' };

  handleChange = e => {
    this.setState({ name: e.target.value });
  };

  render() {
    return (
      <div>

        <input
          value={this.state.name}
          onChange={this.handleChange}
        />
        <div>{this.state.name}</div>

      </div>
    );
  }
}

// file.js
var name = '';
$('.my-name').keyUp(function(e) {
    name = $(this).val();
    $('.greeting').append(name);
});