Rock, Paper, Scissors, (Lizard, Spock) game with SCSS, Vanilla JS

Hi Kaung!, Congrats on completing this, it's not a easy beast to sly. I think the the sound effects a positively supplemental to the interactivity, it's always fun and inspirational to see individuals mark up the interactivity (pun intended) and get creative.

• Using ES6 module system you can easily split this into sperate chunks by functionality something like:

game:
    modal.js
    rockPaperScissors.js
    rockPaperScissors-extended.js
    main.js 

• The close icon in the modal has a simple hover state where the bg color is changed to red.

• Upon tabbin the game button excute the styles of the hover state, it would be benefiery to visual user if the aslo had some kind of visual marker like a ouline:

game-button{

    &:hover,&:focus{
        outline: 1px solid color;
        outline-offset: 0.25rem; 

} 
}

• A note about you implentation of the mode, using a unordered list has accessibility implication such as a screen reader would take much longer time to read all the five list item reather tha a simple heading one therefore the mode is semantically better descriebed be a <h1>.

• The pluse animation is key visual, suggetively it should be amplified.

Keep coding :=)