The Littlest JS to DOM Intro

little intro to jQuery

by Alex Cowan

HTML

<button type="button" id='go-btn'>Go</button>
<button type="button" id='oh-btn'>Oh</button>
<button type="button" id='whoa-btn'>Whoa</button>

JavaScript

const goButton = document.getElementById('go-btn');

goButton.addEventListener('click', goClick);

function goClick() {
  console.log('go!');
}

const ohButton = document.getElementById('oh-btn')

ohButton.onclick = function () {
  console.log('Oh')
}

const whoaButton = document.getElementById('whoa-btn');

whoaButton.addEventListener('click', function whoaClick() {
  console.log('whoa');
});