Skip to content

Instantly share code, notes, and snippets.

@agerard57
Created May 6, 2022 13:02
Show Gist options
  • Save agerard57/de3ccbd5c0908fc8e234ea1dd6c801a0 to your computer and use it in GitHub Desktop.
Save agerard57/de3ccbd5c0908fc8e234ea1dd6c801a0 to your computer and use it in GitHub Desktop.
pierre feuille ciseaux
<!DOCTYPE html>
<html>
<body>
<h1 id="titre">Bienvenue !</h1>
<h2>Score bot</h2>
<p id="botScoreBoard">0</p>
<h2>Joueur bot</h2>
<p id="joueurScoreBoard">0</p>
<div>
<label for="joueur">Select</label>
<select name="joueur" id="joueur" >
<option value="0" selected="true" id="joueur-0">Pierre</option>
<option value="1" id="joueur-1">Feuille</option>
<option value="2" id="joueur-2">Ciseaux</option>
</select>
</div>
<button id="btn" onclick="play()">
Play
</button>
</div>
</body>
</html>
<script>
const titre = document.querySelector("#titre")
const P = "Pierre";
const F = "Feuille";
const C = "Ciseaux";
const coups = [P, F, C];
let joueurScore = 0;
let botScore = 0;
function joueCoupAleatoire() {
return parseInt(Math.random() * coups.length);
}
const selectionJoueur = () => {
const joueurInput = document.querySelector("#joueur")
return joueur.options[joueurInput.selectedIndex].value
}
const play = () => {
const playButton = document.querySelector("#btn")
const bot = joueCoupAleatoire();
const joueur = selectionJoueur();
if (bot==joueur){
titre.innerHTML="Égalité"}else if(joueur == 0){
if(bot == '1'){
titre.innerHTML="Égalité" = 'bot gagnant';
botScore++;
botScoreBoard.innerHTML = botScore;
}else{
titre.innerHTML="Égalité" = 'joueur gagnant'
joueurScore++;
joueurScoreBoard.innerHTML = joueurScore;
}
}
else if(joueur == '2'){
if(bot == '0'){
titre.innerHTML="Égalité" = 'bot gagnant';
botScore++;
botScoreBoard.innerHTML = botScore;
}else{
titre.innerHTML="Égalité" = 'joueur gagnant';
joueurScore++;
joueurScoreBoard.innerHTML = joueurScore;
}
}
else if(joueur == '1'){
if(bot == '2'){
titre.innerHTML="Égalité" = 'bot gagnant';
botScore++;
botScoreBoard.innerHTML = botScore;
}else{
titre.innerHTML="Égalité" = 'joueur gagnant';
joueurScore++;
joueurScoreBoard.innerHTML = joueurScore;
}
}
}
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment