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
// 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
} ) ;
} ) ;
let jsConfetti = new JSConfetti ( ) ;
circleButtons . forEach ( ( eachCircle ) => {
eachCircle . addEventListener ( "click" , ( ) => {
// The documentation indicates to implement the animation by entering: addConfetti()
jsConfetti . ; ‹--- Fill out here
} ) ;
} ) ;
This is the first step to becoming a Full Stack Web Developer!