ACTIVITY 1: VARIABLES

let circleButtons = document . querySelectorAll ( ".circle-btn" ) ;


let emojiOne = " " ; ‹--- Fill out here

let emojiTwo = " " ; ‹--- Fill out here

let = " " ; ‹--- Fill out here


circleButtons [ 0 ] . innerText = emojiOne ;

circleButtons [ 1 ] . innerText = emojiTwo ;

circleButtons [ 2 ] . innerText = ; ‹--- Fill out here


ACTIVITY 2: LOOPS & EVENTS

// If using a mobile or tablet you may tap the buttons to see the effect of 'mouse hover'


circleButtons . forEach ( ( eachCircle ) => {

eachCircle . addEventListener ( "mouseenter" , ( ) => {

eachCircle . style . width = " " ; ‹--- Fill out here

eachCircle . style . height = " " ; ‹--- Fill out here

eachCircle . style . backgroundColor = " " ; ‹--- Fill out here

} ) ;

} ) ;


ACTIVITY 3: SPECIAL EFFECTS

let jsConfetti = new JSConfetti ( ) ;


circleButtons . forEach ( ( eachCircle ) => {

eachCircle . addEventListener ( "click" , ( ) => {

// The documentation indicates to implement the animation by entering: addConfetti()

jsConfetti . ; ‹--- Fill out here

} ) ;

} ) ;


Welcome to Ironhack

This is the first step to becoming a Full Stack Web Developer!