script.js

const questions = [
	{
		question: "Quelle est la période du Hacktoberfest durant l'annee ?",
		options: ["Octobre", "Décembre", "Mai", "Août"],
		correctAnswer: 0,
	},
	{
		question: "Où pouvez-vous contribuer pour participer au Hacktoberfest ?",
		options: ["AWS", "Facebook", "GitHub", "DigitaOcean"],
		correctAnswer: 2,
	},
	{
		question: "Combien de contributions sont nécessaires pour valider le Hacktoberfest ?",
		options: ["10", "2", "6", "4"],
		correctAnswer: 3,
	},
	{
		question: "Quelles sont les deux langues officielles du Canada ? (choix multiple)",
		options: ["Français", "Anglais", "Espagnol", "Allemand"],
		correctAnswer: [0, 1],
	},
	{
		question: "Est-ce ce que GitLab participe au Hacktoberfest ?",
		options: ["Oui", "Non"],
		correctAnswer: 0,
	},
	{
		question: "En quelle année a débuté le Hacktoberfest ?",
		options: ["2010", "2020", "2014", "2000"],
		correctAnswer: 2,
	},
	{
		question: "Quelle est la durée du Hacktoberfest ?",
		options: ["Un mois", "Deux mois", "Six mois", "Troix mois"],
		correctAnswer: 0,
	},
  {
    question: "Quelle est la période du Hacktoberfest durant l'annee ?",
    label:'',
    options: ["Octobre", "Décembre", "Mai", "Août"],
    correctAnswer: [0],
  },
  {
    question: "Où pouvez-vous contribuer pour participer au Hacktoberfest ?",
    options: ["AWS", "Facebook", "GitHub", "DigitalOcean"],
    correctAnswer: 2,
    label:'',
    options: ["AWS", "Facebook", "GitHub", "DigitaOcean"],
    correctAnswer: [2],
  },
  {
    question:
      "Combien de contributions sont nécessaires pour valider le Hacktoberfest ?",
      label:'',

    options: ["10", "2", "6", "4"],
    correctAnswer: [3],
  },
  {
    question:
      "Quelles sont les deux langues officielles du Canada ? (choix multiple)",
    options: ["Français", "Anglais", "Espagnol", "Allemand"],
    correctAnswer: [0, 1],
  },
  {
    question: "Est-ce ce que GitLab participe au Hacktoberfest ?",
    label:'',
    options: ["Oui", "Non"],
    correctAnswer: [0],
  }, 
  {
    question: "Quels sont les developpeurs sénégalais qui participent au Hacktoberfest ?",
    label:'Choix multiples',

    options: ["Daouda", "Malick","Moustapha","khadim"],
    correctAnswer: [0,3],
  },
  {
    question: "Quelle est la principale motivation derrière le Hacktoberfest ?",
    options: ["Célébrer la fête d'Halloween", "Promouvoir la consommation de citrouilles", "Encourager la contribution à des projets open source", "Organiser des compétitions de piratage informatique"],
    correctAnswer: 2
  },
  {
    question: "Quel est l'objectif principal du Hacktoberfest ?",
    options: [
      "Célébrer Halloween",
      "Promouvoir la consommation de citrouilles",
      "Encourager la contribution à des projets open source",
    ],
    correctAnswer: 2,
  },
  {
    question: "Quelle societe a cree le hacktoberfest ?",
    options: ["DigitalOcean", "Microsoft", "galsenDev", "xarala"],
    correctAnswer: 0,
  },
  {
    question: "Quel type de projets peut être éligible pour le Hacktoberfest ?",
    options: ["Seuls les projets en Python.", "Les projets en Python et JavaScript.", "Tout projet open source qui accepte des contributions."],
    correctAnswer: 2,
  },
  {
    question: "Combien de temps dure l'evenement Hacktoberfest ?",
    options: ["1 ans", "1 mois", "1 week-end"],
    correctAnswer: 1,
  },
  {
    question: "Il reste combien de jours pour valider le Hacktoberfest actuel ?",
    options: [31 - new Date().getDate(), "2", "8", "20"],
    correctAnswer: 0,
  },
  {
    question: "En qu'elle année le Hacktoberfest a commencé ?",
    options: ["2013", "2015","2018", "2010"],
    correctAnswer: 1,
  },
  {
    question: "Qu'est-ce qu'une Pull Request (demande de fusion) ?",
    options: ["Un ensemble de modifications suggérées pour un projet open source.", "Une demande de fusion de branches dans Git.", "Une demande pour fusionner deux projets open source."],
    correctAnswer: 0,
  },
  {
    question: "Comment puis-je célébrer la réussite du Hacktoberfest ?",
    options: ["En publiant un tweet sur votre expérience.", "En organisant une grande fête.", "En partageant vos réalisations sur les médias sociaux, en rejoignant des événements communautaires, ou en obtenant un t-shirt Hacktoberfest."],
    correctAnswer: 2,
  },
   {
    question: "Combien de temps dure l'evenement Hacktoberfest ?",
    options: ["1 ans", "1 mois", "1 week-end"],
    correctAnswer: 1,
  },
  {
    question: "comment créer une branche git ?",
    options: ["git merge", "git checkout -b ma-nouvelle-branche", "git rebase"],
    correctAnswer: 1,
  },
  {
    question: "Hacktoberfest est ii necessaire ?",
    options: ["Oui", "Non"],
    correctAnswer: 0,
  },
  {
    question: "Hacktoberfest ne peut-il pas avoir avoir lieu chaque 3 mois?",
    options: ["Possible", "Non"],
    correctAnswer: 0,
  },
];


function sweetAlertEl() {
  const btnEl=document.getElementById('btn-btn-envoyer')
  btnEl.addEventListener('click',()=>{
    Swal.fire(
      'Merci!',
      'vous avez repondu avec succée les questions!',
    'success'
    )
  })
}

let currentQuestion = 0;
let score = 0;
let correctAnswerCounter = 0
let numberOfClick = 0
let correctAnswers = 0
let numberOfClick = 0
let timeElapsed = 0;
const rejouerBtn = document.querySelector('#rejouer');

const questionElement = document.getElementById("question");
const optionsElement = document.getElementById("options");
const scoreElement = document.getElementById("score");
const suivant=document.getElementById("suivant")

function loadQuestion() {
  timeElapsed = 0;
  const question = questions[currentQuestion];
  questionElement.innerHTML = `${question.question}`;
  if(question.label){
    questionElement.innerHTML+= `<p>${question.label}</p>`;
  }
  optionsElement.innerHTML = "";

	question.options.forEach((option, index) => {
		const li = document.createElement("li");
		li.textContent = option;
		li.addEventListener("click", () => checkAnswer(index, li));
		optionsElement.appendChild(li);
	});
}

function checkAnswer(selectedIndex, li) {
	const question = questions[currentQuestion];

	if (Array.isArray(question.correctAnswer)) {
		numberOfClick++;
		li.classList.add("active");
		if (question.correctAnswer.includes(selectedIndex)) {
			correctAnswers++;
		}
		if (numberOfClick === question.correctAnswer.length) {
			if (correctAnswers === question.correctAnswer.length) {
				score++;
				scoreElement.textContent = score;
			}
			numberOfClick = 0;
			correctAnswers = 0;
			currentQuestion++;
		}
		if (currentQuestion < questions.length) {
			loadQuestion();
		} else {
			questionElement.textContent = "Quiz terminé ! Votre score :";
			optionsElement.innerHTML = "";
			scoreElement.textContent = score;
		}
		return;
	}

	if (selectedIndex === question.correctAnswer) {
		score++;
		scoreElement.textContent = score;
	}
  question.options.forEach((option, index) => {
    const li = document.createElement("li");
    li.textContent = option;
    li.addEventListener("click", function () {
      return checkAnswer(index, this);
    });
    optionsElement.appendChild(li);
  });
  checkTimeElapsed();
}
function handleActive(itemSelected){
  const question = questions[currentQuestion];
  if(!question.label)
    document.querySelectorAll(".list-item").forEach(item=>{
    item.classList.remove("active");
  });
  if(itemSelected.classList.contains("active")){
    itemSelected.classList.remove("active");

function checkAnswer(selectedIndex, currentList) {
  const question = questions[currentQuestion];

  if (Array.isArray(question.correctAnswer)) {
    numberOfClick++;
    currentList.classList.add("active");

    if (question.correctAnswer.includes(selectedIndex)) {
      correctAnswerCounter++
    }
    if (numberOfClick === question.correctAnswer.length) {
      if (correctAnswerCounter === question.correctAnswer.length) {
        score++
        scoreElement.innerText = score
      }
      numberOfClick = 0
      correctAnswerCounter = 0
      correctAnswers++;
    }
    if (numberOfClick === question.correctAnswer.length) {
      if (correctAnswers === question.correctAnswer.length) {
        score++;
        scoreElement.innerText = score;
      }
      numberOfClick = 0;
      correctAnswers = 0;
      currentQuestion++;
      if (currentQuestion < questions.length) {
        loadQuestion();
      } else {
        questionElement.textContent = "Quiz terminé ! Votre score :";
        optionsElement.innerHTML = "";
        scoreElement.textContent = score;
      }
    }
    return;
  }


  if (selectedIndex === question.correctAnswer) {
    score++;
    scoreElement.innerText = score;
  }

	currentQuestion++;

	if (currentQuestion < questions.length) {
		loadQuestion();
	} else {
		questionElement.textContent = "Quiz terminé ! Votre score :";
		optionsElement.innerHTML = "";
		scoreElement.textContent = score;
	}
}

const resetButton = document.getElementById("reset-button");

resetButton.addEventListener("click", () => {
  currentQuestion = 0;
  score = 0;
  loadQuestion();
  scoreElement.textContent = score;
});

const sweetAlertButton = document.getElementById("sweet-alert-button");

// Ajoutez un gestionnaire d'événement pour le clic sur le bouton
sweetAlertButton.addEventListener("click", () => {
  Swal.fire({
    title: 'Ceci est un SweetAlert',
    text: 'C\'est une boîte de dialogue SweetAlert personnalisée !',
    icon: 'success',
    confirmButtonText: 'OK'  // Correction de la syntaxe ici
  });
});

loadQuestion();