JSFiddle - React, Tailwind, and code Playground

HTML

<body>

<button> pierre  </button>
<button> feuille  </button>
<button> ciseaux  </button>
<div class="resultat"></div>

<script>

const buttons = document.querySelectorAll("button");

for ( let i = 0; i < buttons.length; i++) {

buttons[i].addEventListener("click", function() {
const joueur = buttons[i].innerHTML;
const robot = buttons[Math.floor(Math.random() * buttons.length)].innerHTML;

let resultat = "";

if (joueur === robot) {
resultat = "egalité";
}

else if ((joueur === "pierre" && robot === "ciseaux") || (joueur === "feuille" && robot === "pierre") || (joueur === "ciseaux" && robot === "feuille")) {
resultat = "gagné";
}

else {
resultat = "perdu";

}

document.querySelector(".resultat").innerHTML = `

joueur : ${joueur} </br>
robot : ${robot} </br>
${resultat}
`;


//console.log(`joueur : ${joueur} vs robot : ${robot}`);

})
}



</script>

</body>