<script>
const scriptURL = 'https://script.google.com/macros/s/AKfycbyil1_nffUfCs7COtLasuDM9VW1WSggLdhx5oYPujdFawpEb8LAkeo7W412Lh-m_qNaoQ/exec'
const form = document.forms['google-sheet']
form.addEventListener('submit', e => {
e.preventDefault()
fetch(scriptURL, { method: 'POST', body: new FormData(form) })
.then(response => $("#form_alerts").html("<div class='alert alert-success'>Contact message sent successfully.</div>"))
.catch(error => $("#form_alerts").html("<div class='alert alert-danger'>Contact message not sent.</div>"))
})
// quiz java script hidden and show
function start(){
document.getElementById("start-exam").style.display="none";
document.getElementById("input-data").style.display="block";
}
function final(){
document.getElementById("quiz-body").style.display="none";
document.getElementById("quizOver").style.display="block";
}
function showanswer(){
document.getElementById("quizOver").style.display="none";
document.getElementById("quiz-body").style.display="block";
document.getElementById("show-answers").style.display="block";
document.getElementById("quiz-btn").style.display="none";
document.getElementById("exitquiz").style.display="block";
}
function conTinue(){
inputValidate();
};
function inputValidate(){
var name = document.getElementById("name").value;
if(name == ""){
swal("Please fill Your Full Name")
return false;
}
else{
document.getElementById("input-data").style.display="none";
document.getElementById("quiz-body").style.display="block";
document.getElementById("show-answers").style.display="none";
}
};
function tryAgain(){
window.location.reload();
}
// quiz java script
// Variables
const quizContainer = document.getElementById('quiz');
const resultsContainer = document.getElementById('results');
const yourScore = document.getElementById('yourScore');
const correctQuestion = document.getElementById("correct-question");
const totalQuestion = document.getElementById("total-question");
const submitButton = document.getElementById('submit');
(function(){
// Functions
function buildQuiz(){
// variable to store the HTML output
const output = [];
// rendom
let btnRandom = document.querySelector('button');
let result = document.querySelector('h1');
// let users = ['Marks', 'John', 'Jane', 'James', 'Mary', 'Peter', 'Simon', 'Ronald'];
function getRandomNumber(min, max) {
let step1 = max - min + 1;
let step2 = Math.random() * step1;
let result = Math.floor(step2) + min;
return result;
}
btnRandom.addEventListener('click', () => {
let index = getRandomNumber(0, myQuestions.length - 1);
result.innerText = myQuestions[index];
});
// for each question...
myQuestions.forEach(
(currentQuestion, questionNumber) => {
// variable to store the list of possible answers
const answers = [];
// and for each available answer...
for(letter in currentQuestion.answers){
// ...add an HTML radio button
answers.push(
`<label>
<input type="radio" class="ten" name="question${questionNumber}" value="${letter}">
${letter} :
${currentQuestion.answers[letter]}
</label>`
);
}
// add this question and its answers to the output
output.push(
`<div id="slide" class="slide">
<div class="question"><h1 class="question_title">${currentQuestion.question}</h1></div>
<div class="answers"> ${answers.join("")} </div>
</div>`
);
}
);
// finally combine our output list into one string of HTML and put it on the page
quizContainer.innerHTML = output.join('');
}
function showResults(){
// gather answer containers from our quiz
const answerContainers = quizContainer.querySelectorAll('.answers');
// keep track of user's answers
let numCorrect = 0;
// for each question...
myQuestions.forEach( (currentQuestion, questionNumber) => {
// find selected answer
const answerContainer = answerContainers[questionNumber];
const selector = `input[name=question${questionNumber}]:checked`;
const userAnswer = (answerContainer.querySelector(selector) || {}).value;
// if answer is correct
if(userAnswer === currentQuestion.correctAnswer){
// add to the number of correct answers
numCorrect++;
// color the answers green
answerContainers[questionNumber].classList.add("correct");
}
// if answer is wrong or blank
else{
// color the answers red
answerContainers[questionNumber].classList.add("wrong");
}
});
// show number of correct answers out of total
resultsContainer.value = `${numCorrect}` / `${myQuestions.length}`*25;
correctQuestion.innerHTML = `${numCorrect}`;
totalQuestion.innerHTML =` ${myQuestions.length}`;
var percentage = `${numCorrect}`;
var percentage1 = ` ${myQuestions.length}`;
var roundResult = percentage/percentage1*100;
yourScore.innerHTML = roundResult.toFixed(0);
timer.style.display = 'none';
}
function showSlide(n) {
slides[currentSlide].classList.remove('active-slide');
slides[n].classList.add('active-slide');
currentSlide = n;
if(currentSlide === 0){
// previousButton.style.display = 'none';
previousButton.disabled = true;
}
else{
// previousButton.style.display = 'inline-block';
previousButton.disabled = false;
}
if(currentSlide === slides.length-1){
// nextButton.style.display = 'none';
nextButton.disabled = true;
submitButton.style.display = 'inline-block';
}
else{
// nextButton.style.display = 'inline-block';
nextButton.disabled = false;
submitButton.style.display = 'none';
}
}
function showNextSlide() {
showSlide(currentSlide + 1);
}
function showPreviousSlide() {
showSlide(currentSlide - 1);
}
// Kick things off
buildQuiz();
// Pagination
const previousButton = document.getElementById("previous");
const nextButton = document.getElementById("next");
const slides = document.querySelectorAll(".slide");
let currentSlide = 0;
// Show the first slide
showSlide(currentSlide);
// Event listeners
submitButton.addEventListener('click', showResults);
previousButton.addEventListener("click", showPreviousSlide);
nextButton.addEventListener("click", showNextSlide);
})();
</script>
<script>
function startTimer(duration, display) {
var timer = duration, minutes, seconds;
var end =setInterval(function () {
minutes = parseInt(timer / 60, 10)
seconds = parseInt(timer % 60, 10);
minutes = minutes < 10 ? "0" + minutes : minutes;
seconds = seconds < 10 ? "0" + seconds : seconds;
display.textContent = minutes + ":" + seconds;
if (--timer < 0) {
clearInterval(end);
submitButton.click();
}
}, 1000);
}
window.onload = function () {
var tenMinutes = 600,
display = document.querySelector('#time');
startTimer(tenMinutes, display);
};
</script>
