let mots =["Rose","Marron","Turquoise","Orange","Blanc","Vert","Jaune","Bleu","Rouge","Violet"];

let couleurs=['white','hotpink','saddleBrown','cyan','orangered','green','blue','puple','yellow','red'];

var Commencez = document.getElementById("button");

var mot = document.getElementById("motachanger");

var bleu= document.getElementById('Blue');

var jaune= document.getElementById('Yellow');

var rouge= document.getElementById('Red');

var violet= document.getElementById('Purple');

var vert= document.getElementById('Green');

var blanc= document.getElementById('Blanc');

var rose= document.getElementById('Rose');

var marron= document.getElementById('Marron');

var orange= document.getElementById('Orange');

var cyan= document.getElementById('Cyan');

var horloge= document.getElementById('timer');

var score= document.getElementById('Scoreboard');

var pastille = document.getElementById('blocCouleur')

var pastille1 = document.getElementById('blocCouleurbas')

let horloge_interval = false, horloge_temps;

let nombre_score= 0;

red = 'Rouge';
blue='Bleu';
purple='Violet';
yellow='Jaune';
green='Vert';
rosee='Rose';
maroon='Marron';
orangee='Orange';
blance='Blanc';
cyane='Turquoise';



function cachez_couleur(){
  pastille.style.visibility= 'hidden';
  pastille1.style.visibility= 'hidden';
}

function affichez_couleur(){
  pastille.style.visibility= 'visible';
  pastille1.style.visibility= 'visible';
}

function recommencez(){
   Commencez.innerHTML='Recommencez'
   Commencez.style.visibility='visible';
}

function changer_score(nombre){
  score.textContent = nombre;
}

function changer_message() {
  mot.innerHTML=mots[Math.floor(Math.random()*10)]
  mot.style.color= couleurs[Math.floor(Math.random()*10)];
};

function demarrer_horloge() {
    if (!horloge_interval) {
        horloge_temps = 0;
        horloge.textContent = "00:00";
        horloge_interval = setInterval(function () {
            horloge_temps++;
            let minutes = Math.floor(horloge_temps / 60), secondes = horloge_temps % 60;
            horloge.textContent = (minutes < 10 ? "0" : "") + minutes + ":" + (secondes < 10 ? "0" : "") + secondes;
        }, 1000);
    }
}

function arreter_horloge() {
    clearInterval(horloge_interval);
    horloge_interval = false
}




Commencez.addEventListener('click',function(){
  horloge.innerHTML='00:00';
  score.innerHTML='0';
  changer_message()
  demarrer_horloge()
  affichez_couleur()
  Commencez.style.visibility='hidden';
  mot.style.visibility='visible';
})


rouge.addEventListener('click',function(){
  if (mot.innerHTML==red) { 
    nombre_score=nombre_score+1;
  }else {
    nombre_score=nombre_score-5;
  };
  if (nombre_score == 10){
    arreter_horloge()
    cachez_couleur()
    recommencez()
  }
  changer_score(nombre_score)
  changer_message()
});


bleu.addEventListener('click',function(){
  if (mot.innerHTML==blue) { 
    nombre_score=nombre_score+1;
  }else {
    nombre_score=nombre_score-5;
  };
   if (nombre_score == 10){
    arreter_horloge()
    cachez_couleur()
    recommencez()
  }
  changer_score(nombre_score)
  changer_message()
});


violet.addEventListener('click',function(){
  if (mot.innerHTML==purple) { 
    nombre_score=nombre_score+1;  
  }else {
    nombre_score=nombre_score-5;
  };
   if (nombre_score == 10){
     arreter_horloge()
     cachez_couleur()
     recommencez()
  }
  changer_score(nombre_score)
  changer_message()
});


jaune.addEventListener('click',function(){
  if (mot.innerHTML==yellow) { 
    nombre_score=nombre_score+1;    
  }else {
    nombre_score=nombre_score-5;
  };
   if (nombre_score == 10){
    arreter_horloge()
    cachez_couleur()
    recommencez()
  }
  changer_score(nombre_score)
  changer_message()
});


vert.addEventListener('click',function(){
  if (mot.innerHTML==green) { 
    nombre_score=nombre_score+1;  
  }else {
    nombre_score=nombre_score-5;
  };
   if (nombre_score == 10){
    arreter_horloge()
     cachez_couleur()
     recommencez()
  }
  changer_score(nombre_score)
  changer_message()
});


rose.addEventListener('click',function(){
  if (mot.innerHTML==rosee) { 
    nombre_score=nombre_score+1;
  }else {
    nombre_score=nombre_score-5;
  };
  if (nombre_score == 10){
    arreter_horloge()
    cachez_couleur()
    recommencez()
  }
  changer_score(nombre_score)
  changer_message()
});


blanc.addEventListener('click',function(){
  if (mot.innerHTML==blance) { 
    nombre_score=nombre_score+1;
  }else {
    nombre_score=nombre_score-5;
  };
  if (nombre_score == 10){
    arreter_horloge()
    cachez_couleur()
    recommencez()
  }
  changer_score(nombre_score)
  changer_message()
});


orange.addEventListener('click',function(){
  if (mot.innerHTML==orangee) { 
    nombre_score=nombre_score+1;
  }else {
    nombre_score=nombre_score-5;
  };
  if (nombre_score == 10){
    arreter_horloge()
    cachez_couleur()
    recommencez()
  }
  changer_score(nombre_score)
  changer_message()
});


marron.addEventListener('click',function(){
  if (mot.innerHTML==maroon) { 
    nombre_score=nombre_score+1;
  }else {
    nombre_score=nombre_score-5;
  };
  if (nombre_score == 10){
    arreter_horloge()
    cachez_couleur()
    recommencez()
  }
  changer_score(nombre_score)
  changer_message()
});


cyan.addEventListener('click',function(){
  if (mot.innerHTML==cyane) { 
    nombre_score=nombre_score+1;
  }else {
    nombre_score=nombre_score- 5;
  };
  if (nombre_score == 10){
    arreter_horloge()
    cachez_couleur()
    recommencez()
  }
  changer_score(nombre_score)
  changer_message()
});