Assesment1/script.js at main · maneesha2/Assesment1 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
function show_hide() {
  if (a == 1) {
    document.getElementsByClassName("thankbox").style.display = "inline";
    return (a = 0);
  } else {
    document.getElementsByClassName("thankbox").style.display = "none";
    return (a = 1);
  }
}

function onGameCategoryItemClick(n) {
  let categoryItems = document.getElementsByClassName("categoriesItem");
  for (let i = 0; i < categoryItems.length; i++) {
    categoryItems[i].style.backgroundColor = "#f2f6ff";
    categoryItems[i].style.color = "black";
  }
  categoryItems[n].style.backgroundColor = "#3366cc";
  categoryItems[n].style.color = "#ffffff";
}

function onCarouselDotClick(n) {
  let slides = document.getElementsByClassName("carouselImage");
  let dots = document.getElementsByClassName("carouselDot");

  for (let i = 0; i < slides.length; i++) {
    slides[i].style.display = "none";
  }

  for (let i = 0; i < dots.length; i++) {
    dots[i].style.backgroundColor = "white";
  }

  slides[n].style.display = "block";
  dots[n].style.backgroundColor = "blue";
}

let imageSlideIndex = 0;
let testimonialSlideIndex = 0;

function imageTransitionSlides() {
  let slides = document.getElementsByClassName("carouselImage");
  let dots = document.getElementsByClassName("carouselDot");

  for (let i = 0; i < slides.length; i++) {
    slides[i].style.display = "none";
  }

  for (let i = 0; i < dots.length; i++) {
    dots[i].style.backgroundColor = "white";
  }

  imageSlideIndex++;
  if (imageSlideIndex > slides.length) {
    imageSlideIndex = 1;
  }
  slides[imageSlideIndex - 1].style.display = "block";
  dots[imageSlideIndex - 1].style.backgroundColor = "blue";

  setTimeout(imageTransitionSlides, 4000);
}

function testimonialTransitionSlides() {
  let slides = document.getElementsByClassName("testimonialCarousel");
  let dots = document.getElementsByClassName("testimoniaCarouselDot");

  for (let i = 0; i < slides.length; i++) {
    slides[i].style.display = "none";
  }

  for (let i = 0; i < dots.length; i++) {
    dots[i].style.backgroundColor = "#f2f6ff";
  }

  testimonialSlideIndex++;
  if (testimonialSlideIndex > slides.length) {
    testimonialSlideIndex = 1;
  }
  slides[testimonialSlideIndex - 1].style.display = "block";
  dots[testimonialSlideIndex - 1].style.backgroundColor = "blue";
  setTimeout(testimonialTransitionSlides, 4000);
}

function onButtonNewsletterSubscribeClick() {
  document.getElementById("newsletterBlockInside").style.display = "none";
  document.getElementById("thankyouBlock").style.display = "block";
}

imageTransitionSlides();
testimonialTransitionSlides();

// game container opening a pop up when a game image is clicked

function onGameItemImageClick(imageSource, gameType, gameName) {
  document
    .getElementById("gamePopUpImageSource")
    .setAttribute("src", imageSource);
  document.getElementById("gamePopUpName").innerHTML = gameName;
  document.getElementById("gamePopUpType").innerHTML = gameType;
  document.getElementById("gameOverlay").style.display = "block";
}

function onGameOverlayClick() {
  document.getElementById("gameOverlay").style.display = "none";
}

window.addEventListener("click", (e) => {
  console.log(e.target);
  if (e.target === gameOverlay) {
    document.getElementById("gameOverlay").style.display = "none";
  }
});