WDI Action Adventure

Day 12.md

How to start

• deconstruct a program and turn it into steps-comment out in the editor
• start with the most simple step
• test small things in the console to reaffirm basic assumptions (do my expectations meet my results?)
• DIVIDE AND CONQUER

##jQuery

• div divides blocks
• span divides in-line text
• grabs something on the page and can see the value

look up jQuery event documentation

$('input').val('') # sets value

var message = $('input').val() # gets value

declare variables, insert functions, run code

####Event Oriented "For Loop" function rotateImage() { $('img.js-pic').attr('src', pics[i]); i += 1; if (i === pics.length) { i = 0; } }

Reference 'jsFiddle photo'