java script dice game

how we can create dice throw animation using only java script.

ITS NOT VERY DIFFICULT IN JAVA SCRIPT TO CREATE DICE THROW ANIMATION I JUST TEACH YOU THE EASIEST METHOD TO DO THIS

STEP 1- FIRST YOU NEED A 6 DICE IMAGES JUST LIKE SHOW IN BELOW.

STEP 2 - NOW YOU HAVE TO WRITE CODE BELOW,DICE IS THE NAME OF IMAGE ,YOU HAVE TO GIVE YOUR IMAGE NAME IN PLACE OF DICE OR
YOU CAN JUST WRITE YOUR IMAGE NAME  IN EXCHANGE OF DICE.


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

var randomDiceImage = "dice" + randomNumber1 + ".png"; //dice1.png - dice6.png

var randomImageSource = "images/" + randomDiceImage; //images/dice1.png - images/dice6.png

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

image1.setAttribute("src", randomImageSource);


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

var randomImageSource2 = "images/dice" + randomNumber2 + ".png";

document.querySelectorAll("img")[1].setAttribute("src", randomImageSource2);


//If player 1 wins
if (randomNumber1 > randomNumber2) {
  document.querySelector("h1").innerHTML = "🚩 Play 1 Wins!";
}
else if (randomNumber2 > randomNumber1) {
  document.querySelector("h1").innerHTML = "Player 2 Wins! 🚩";
}
else {
  document.querySelector("h1").innerHTML = "Draw!";
}

     

                                  THANKS FOR READING MY BLOG.