https://github.com/lindotex/deceechallange

https://github.com/lindotex/deceechallange

Last synced: about 7 hours ago
JSON representation

• Host: GitHub
• URL: https://github.com/lindotex/deceechallange
• Owner: lindotex
• License: gpl-3.0
• Created: 2023-10-22T11:27:01.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-10-24T22:02:45.000Z (over 1 year ago)
• Last Synced: 2023-10-24T23:21:22.915Z (over 1 year ago)
• Language: HTML
• Size: 117 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Decee Challange

- Web page with two diferent dices,

- Dices must change values when the pages reloads

- Title must show wich player wins



# HTML

```HTML

  

    

    Dicee

    

    

    

    

    

  

  

    


      


      


        
Player 1

        

      


      


        
Player 2

        

      

      


        Click-me to Play ! 

      


    


    

  

  

    
Alisson Lindote  
 Web Bootcamp

   
www 🎲 App Brewery 🎲 com

  


```

# JS

```JS

var randomNumber1 = Math.floor(Math.random() * 6) + 1;

var randomNumber2 = Math.floor(Math.random() * 6) + 1;

var ramdomDiceImage = 'dice' + randomNumber1 + '.png';

var ramdomDiceImage2 = 'dice' + randomNumber2 + '.png';

var ramdomImageSource = './images/' + ramdomDiceImage;

var ramdomImageSource2 = './images/' + ramdomDiceImage2;

var image1 = document.querySelectorAll('img')[0];

var image2 = document.querySelectorAll('img')[1];

image1.setAttribute('src', ramdomImageSource);

image2.setAttribute('src', ramdomImageSource2);

// Who is winning?

if (randomNumber1 > randomNumber2) {

	document.querySelector('h1').innerHTML = '  🚩 Play 1 wins!';

} else if (randomNumber2 > randomNumber1) {

	document.querySelector('h1').innerHTML = ' Play 2 wins! 🚩';

} else {

	document.querySelector('h1').innerHTML = ' Refresh Me!';

}

function ChangeBG() {

	window.location.reload();

}

```