JSFiddle - React, Tailwind, and code Playground

by velmurugansp

HTML

<button id="play-btn">Play</button>
<h1>
Player1: <span id="player1-score">0</span>
</h1>
<h1>
Player2: <span id="player2-score">0</span>
</h1>
<div id="game-result">

</div>

JavaScript

function generateRandomRun(){
	let randomNumber = Math.random();
  randomNumber *= 10;
  randomNumber = Math.floor(randomNumber);
  return randomNumber;
}

function handlePlayBtn(){
	let run = generateRandomRun();
  /*  */
}

let playBtn = document.getElementById('play-btn'),
		player1Element = document.getElementById('player1-score'),
    player2Element = document.getElementById('player2-score'),
    gameResult = document.getElementById('game-result'),
    player1Score = 0,
    player2Score = 0,
    batting = 'player1-score';

playBtn.addEventListener('click', handlePlayBtn);